Advertisement
serenismo

THX 4 - UPDATE

Aug 7th, 2012
286
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.52 KB | None | 0 0
  1. <!---------------------THEME 04 BY PADALESCKI LEIA AS REGRAS ANTES DE USAR ----------------------->
  2.  
  3.  
  4. <html>
  5.  
  6. <head>
  7.  
  8.  
  9.  
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:background" content="#fff" />
  12. <meta name="color:link" content="#000" />
  13. <meta name="color:text" content="#000" />
  14. <meta name="color:entries" content="#fff" />
  15. <meta name="color:lhover" content="#bebebe" />
  16. <meta name="color:sidebar" content="#eee" />
  17. <meta name="color:linkmenu" content="#000" />
  18. <meta name="color:linha" content="#eee" />
  19. <meta name="color:border" content="#eee" />
  20.  
  21.  
  22.  
  23. <meta name="image:background" content="http://25.media.tumblr.com/tumblr_m034k6991w1ql7s01o1_500.jpg"/>
  24.  
  25. <meta name="if:Show tags" content=""/>
  26.  
  27.  
  28. <meta name="text:Link1" content="/" />
  29. <meta name="text:Link1 Title" content="link1" />
  30. <meta name="text:Link2" content="/" />
  31. <meta name="text:Link2 Title" content="link2" />
  32. <meta name="text:Link3" content="/" />
  33. <meta name="text:Link3 Title" content="link3" />
  34. <meta name="text:Link4" content="/" />
  35. <meta name="text:Link4 Title" content="link4" />
  36. <meta name="text:Link5" content="/" />
  37. <meta name="text:Link5 Title" content="link5" />
  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. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'>
  53. <link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
  54. <style type="text/css">
  55.  
  56. body{ background: {color:backdground} url('{image:background}')no-repeat fixed bottom left; width:20px ;font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; color: {color:text}; font-size:11px;}
  57.  
  58. a {color: {color:link}; text-decoration: none; text-transform: none;}
  59. a:hover {color: {color:lhover}; background-color: transparent; text-decoration: none;}
  60.  
  61. p {margin: 6px 0 0 0}
  62.  
  63. blockquote {margin: 5px 5px 5px 5px; border-left: 6px solid {color:background}; padding-left: 5px; }
  64. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 5px solid {color:background};}
  65. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:background}; }
  66. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 3px solid {color:background}; }
  67.  
  68. blockquote img{max-width: 470px!important}
  69. blockquote blockquote img{max-width: 450px!important}
  70. blockquote blockquote blockquote img{max-width: 430px!important}
  71. blockquote blockquote blockquote blockquote img{max-width: 410px!important}
  72.  
  73.  
  74. #container {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  75.  
  76. iframe#tumblr_controls {
  77. top:0px !important;
  78. right:3px !important;
  79. position: fixed !important;
  80. -webkit-transition: opacity 0.7s linear;
  81. opacity: 0.4;
  82. -webkit-transition: all 0.8s ease-out;
  83. -moz-transition: all 0.8s ease-out;
  84. transition: all 0.8s ease-out;
  85. z-index:999999999999999999;}
  86.  
  87. iframe#tumblr_controls:hover{
  88. -webkit-transition: opacity 0.7s linear;
  89. opacity: 1;
  90. -webkit-transition: all 0.4s ease-out;
  91. -moz-transition: all 0.4s ease-out;
  92. transition: all 0.4s ease-out;
  93. z-index:999999999999999999999;}
  94.  
  95.  
  96.  
  97. .c1 {position: fixed; background-color:{color:background}; background-image:url('{image:background}'); z-index: 1; width: 920px; height: 79px; margin-top: -56px; margin-left:60px;}
  98. #c2 {position: fixed; margin: 0px 0px 0px 12px;}
  99. #c3{font-size: 2px; font-family: arial; position: relative; margin-left: 434px; width: 519px; background-color: {color:sbar}; padding: 1px; margin-top: 20px; background-attachment: fixed; background-image:url('{image:sidebarbackground}'); height:1px; z-index:3;}
  100.  
  101. #entries {width:410px; float:left; margin-left:516px; margin-top:30px; position:relative; z-index:999}
  102.  
  103. .entries {width:400px; padding:12px; background-color:{color:entries}; margin-bottom: 20px; float:right; text-align:justify; border-bottom: 0px solid {color:border} ;}
  104. }
  105.  
  106. #reblogs {display:none; background-color:{color:post};}
  107.  
  108. .entries:hover #information {opacity:1;}
  109.  
  110. #information{position:absolute; font-size:10px ;font-family:calibri; text-transform:none; color:{color:text}; margin-left:-12px; opacity:0; height:14px; width: 416px; border-left:px solid {color:entries}; margin-top:-30px; background-color: {color:linha}; display:block; text-align:center; padding:1px; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;-webkit-transform: rotate(0deg)}
  111. #information a{text-transform:none; color:{color:permalink}; font-style:normal; text-align:center;text-transform:uppercase}
  112. #information a:hover {color:{color:info link hover};}
  113.  
  114. .noted a{font:13px give You Glory!important; color:{color:permalink}!important; letter-spacing:0px; text-transform:uppercase!important; font-style:normal!important; -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; font-weight:300!important;}
  115. .noted a:hover {color:{color:text}!important;}
  116.  
  117. .dated {font-family: georgia; font-size:10px;text-transform:uppercase; color:{color:link};}
  118.  
  119. #title {width:400px;}
  120. .texttitle {font-size:14px; font-family: georgia; margin:0px 0px -03px 0px; font-weight:normal; color: {color:text}; text-transform:none; padding:2px 1px; text-align:center;}
  121. .texttitle a {font-size:16px; font-family: georgia; margin:0px 0px -03px 0px; font-weight: normal; color: {color:text}; text-transform:none; text-align:center;}
  122.  
  123. .tags {color: {color:text}; font-size: 10px; font-family: arial; display: inline; text-align:center; text-transform: none;}
  124. .tags a {font-size: 10px; color: calibri; display: inline; text-align:center; text-transform: none;}
  125.  
  126. .chat .line{
  127. font:10px {font:Body};
  128. background-color:{color:chat1};
  129. margin: 0 0 1px;
  130. padding: 2px;
  131. }
  132. .chat .line.odd{ background-color:{color:chat2};}
  133.  
  134. .label {font-weight:bold; color:{color:bold}}
  135.  
  136.  
  137. .credit {background-color: transparent; color: {color:text};width:180px; height:8px; text-align:center; font-size:10px; font-family: homenaje; margin-top:2px; margin-left:-25px; letter-spacing:1px; position:fixed; z-index:0; padding: 0px; -webkit-transform: rotate(0deg); opacity: 0.7;}
  138.  
  139.  
  140. @font-face {font-family: tinytots;src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  141. .x2 {clear: both; float: left; width: 220px; margin-top: 280px; text-align: center; margin-left: 348px;}
  142. .x2 a {float: left; margin-right: 0px; display: block; width:28px; letter-spacing: 0px; font-family:consolas; font-size: 11px; text-align: justify; margin-bottom: 0px;border-bottom: 0px solid {color:sidebar}; background-color: transparent; color:{color:linkmenu};; text-decoration: none; text-transform: uppercase; height: 6px; line-height: 6px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; padding: 4px; opacity: 1px;}
  143. .x2 a:hover {color:{color:lhover};opacity:1;text-transform:none;}
  144.  
  145.  
  146.  
  147. .linkdescription {padding:0px; margin:0px; font:10px {font:Body};}
  148.  
  149. .pquote {font-family: georgia; font-style: ;text-align: justify; font-size: 12px; line-height: 14px; padding: 3px;}
  150. .pquotesource {text-align: center; font-size: 10px; font-family: arial; text-transform: none; margin-bottom: 5px; margin-top:2px;}
  151. .pquotesource a, a:hover{text-transform: none;}
  152.  
  153. #spencer {color: {color:linkmenu}; background-color: transparent; font-family:georgia; font-size: 12px; font-stle; text-shadow:0px 0px 10px color:{color:shadow};padding: 0px; letter-spacing: 0px; text-align: right; text-transform: none; width: 160px; line-height: 28px; height: auto; margin-left: -17px; margin-top: -171px; border-right: 0px solid {color:entries}; font-weight; border-bottom:px dotted {color:text};-moz-transition: all .5s ease-in-out!important; -o-transition: all .5s; -webkit-transform: rotate(deg); -moz-transform: rotateY(20deg); text-shadow:x {color:text}; opacity:1;}
  154.  
  155. #spencer:hover { font-size:12px; opacity:1; }
  156.  
  157.  
  158.  
  159.  
  160.  
  161. .descri { font-family: arial; width: 165px; height: 51px; position:fixed; margin-left:311px; background-color:transparent; color:{color:linkmenu}; margin-top: 312px; font-size: 11px; padding: 4px; text-align:right; text-transform:none;font-style: ; opacity:1; border-bottom:0px solid {color:backgroundmenu}; border-top:0px dotted {color:border};}
  162.  
  163.  
  164. .player {background-color: #000; text-align: left; display:block;}
  165.  
  166. .question {
  167. color:{color:text};
  168. font-size: 11px;
  169. font-weight: normal;
  170. font-family: verdana;
  171. line-height:95%;
  172. background: {color:background};
  173. position: relative;
  174. min-height:70px;
  175. padding:10px 15px;
  176. margin-bottom:2px;
  177. margin-right:-10px;}
  178.  
  179. .questionarrow {
  180. font-size:30px;
  181. color:{color:background};
  182. vertical-align:middle;
  183. margin-left:-5px!important;}
  184.  
  185. /** estilo de ask by htmland **/
  186. @font-face {font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')}
  187. .hlanswer {background: #bebebe color: {color:text}; width: 385px; font: normal 10px arial; margin-bottom: 2px; padding-top: 13px; padding-left: 13px; padding-bottom: 13px; text-align: justify; display: block; overflow: hidden; border-top: 2px solid #bebebe;}
  188. .hlanswer img {border: 2px solid #bebebe; float: right; margin-top: -15px; margin-left: 13px; margin-bottom: -13px; opacity: 0.8; }
  189. .hlanswer img:hover {opacity: 1.0}
  190. .hlanswerinfo {background: transparent; padding: 3px; float: right; display: inline-block; width: auto; color: {color:text}; font: normal 10px "georgia"; text-transform: none; margin-bottom: -1px}
  191. .hlanswerinfo a {color: {color:text};}
  192.  
  193. #sideimg2 {width: 2px; height: auto; top: 20px; left: -13px; padding: 6px; background-color: {color:sidebar}; text-align: center; position: fixed;}
  194. .simg2 img {display: inline; margin-right:5px; ; width:70px; margin-left:-145px; margin-top: 65px; height:70px; text-align:center; margin-bottom: 10px; border:0px solid {color:link};border: 0 px solid {color:border};border-bottom-left-radius: 15em;
  195. border-bottom-right-radius: 15em;
  196. border-top-left-radius: 15em;
  197. border-top-right-radius: 15em;}
  198. .simg2 img:hover {-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.3s ease-out; opacity: 0.9; -moz-transition: all .2s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;-webkit-transform: rotate(0deg);-moz-border-radius:15px;border-bottom-left-radius: 5em;
  199. border-bottom-right-radius: 5em;
  200. border-top-left-radius: 5em;
  201. border-top-right-radius: 5em;}
  202.  
  203. .caption {margin:0px; padding:0px; font:10px {font:Body};}
  204.  
  205. #postnotes {display:block; margin-left:3px; width:500px; background-color:{color:post}}
  206.  
  207. ol.notes {list-style-type:none;}
  208.  
  209. .notperm {width:488px; font:9px verdana; text-transform:lowercase; color:{color:link}; padding:2px 4px; line-height:90%; margin-left:8px;}
  210. .tagperm {width:488px; font:9px verdana; text-transform:lowercase; color:{color:link}; padding:2px 4px; line-height:90%; margin-left:8px;}
  211. .rebperm {width:488px; font:9px verdana; text-transform:lowercase; color:{color:link}; padding:2px 4px; line-height:90%; margin-left:8px;}
  212. .notperm a, .tagperm a, .rebperm a {color:{color:permalink};}
  213.  
  214. .qnda {position:absolute; width:240px; height:180px; left: 580px; top:0px; margin:0 auto;}
  215.  
  216. .qnda img {position:absolute; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; display: block; height: 180px; width: 240px; background: {color:sidebar} center center; color: {color:sidebar}; padding: 5px; text-align:center; text-decoration: none; letter-spacing:1px; font: italic 10px/67px Georgia, "Times New Roman", Times, serif;}
  217.  
  218. .qnda img.top {-webkit-transform:scale(0,0); -moz-transform:scale(0,0); -o-transform:scale(0,0);
  219. -ms-transform:scale(0,0); transform:scale(0,0); opacity:0;}
  220.  
  221. .qnda:hover img.top, .cf4.hover_effect img.top {opacity:1; -webkit-transform:scale(1,1); -webkit-transform-origin: top right; -moz-transform:scale(1,1); -moz-transform-origin: top right; -o-transform:scale(1,1); -o-transform-origin: top right; -ms-transform:scale(1,1); -ms-transform-origin: top right; transform:scale(1,1); transform-origin: top right;}
  222.  
  223. .qnda:hover img.bottom, .cf4.hover_effect img.bottom {-webkit-transform:scale(0,0); -webkit-transform-origin: bottom left; -moz-transform:scale(0,0); -moz-transform-origin: bottom left;
  224. -o-transform:scale(0,0); -o-transform-origin: bottom left; -ms-transform:scale(0,0); -ms-transform-origin: bottom left; transform:scale(0,0); transform-origin: bottom left;}
  225.  
  226. .pg{position:fixed; font-size: 30px; font-: ; font-family: calibri; text-align: center; margin-left: 440px; margin-top: 410px;}
  227. .pg a{padding:2px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  228.  
  229. .bmenu{padding: 0px; margin: 0 0 10px 0; position: relative; margin-top:10px;opacity:0;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;}
  230.  
  231. .bmenu li{font-size: 9px; display: block;}
  232.  
  233. .bmenu li a{color: {color:text}; display: block; text-transform: none; text-align: center; font-family:verdana;}
  234.  
  235. .bmenu:hover li a{text-shadow: 0px 0px 35px {color:sidebar};}
  236.  
  237. .bmenu li a:hover{text-shadow: 0px 0px 1px {color:sidebar}; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
  238.  
  239.  
  240.  
  241. .port{position: absolute; top: -3px; left: -3px;}
  242.  
  243. ::-webkit-scrollbar{width:3px;height:auto;}
  244. ::-webkit-scrollbar-button:start:decrement
  245. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  246. ::-webkit-scrollbar-track-piece{background-color: {color:border}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  247. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:links3};-webkit-border-radius:px;}
  248. ::-webkit-scrollbar-thumb:horizontal{width:0px; background-color: {color:text};-webkit-border-radius:px;}
  249.  
  250. #tumblr_controls{position: fixed!important}
  251. #tumblr_controls{position: fixed!important}
  252. #tumblr_controls{position: fixed!important}
  253. #tumblr_controls{position: fixed!important}
  254.  
  255. </style>
  256.  
  257.  
  258. <body onkeydown="return false">
  259.  
  260.  
  261. <div class="credit"> <a href="http://k-a-n-s-a-s.tumblr.com/"></a> </a><a href="http://s-egredar.tumblr.com"> </a></div> </div>
  262.  
  263.  
  264. <div id="sideimg2"><div class="simg2">
  265. <div class="pg">
  266. {block:Pagination}
  267. {block:PreviousPage}<a href="{PreviousPage}"> - </a> {/block:PreviousPage}
  268. {block:NextPage}<a href="{NextPage}"> + </a>{/block:NextPage}
  269. {/block:Pagination}</div>
  270.  
  271. <div class="x2">
  272. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title} </a>{/block:ifLink1}
  273. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title} </a>{/block:ifLink2}
  274. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title} </a>{/block:ifLink3}
  275. <a href="http://serenismo.tumblr.com">theme </a>
  276.  
  277.  
  278.  
  279.  
  280.  
  281. <img src="{image:sideimg}">
  282. <div id="spencer">{title}</div>
  283. </div>
  284. </div></div>
  285.  
  286.  
  287.  
  288.  
  289.  
  290.  
  291.  
  292. <div class="descri">{description}</div>
  293. <div id="entries">
  294. {block:Posts}
  295. <div class="entries {block:Photo}photo{/block:Photo}{block:Quote}quote{/block:Quote}{block:Link}link{/block:Link}{block:Text}text{/block:Text}{block:Chat}chat{/block:Chat}{block:Audio}audio{/block:Audio}{block:Video}video{/block:Video}{block:Answer}answer{/block:Answer}">
  296.  
  297. {block:IndexPage}
  298.  
  299.  
  300. <div id="information">
  301. <a href="{Permalink}">{NoteCount} hits </a>
  302. <a href="{Permalink}"> on {Month} {DayOfMonth} / {Year} </a>
  303. {block:RebloggedFrom}
  304. <div class="tagtitle">
  305. <a href="{ReblogtURL}">
  306. </div>
  307. {/block:RebloggedFrom}
  308. <a href="{ReblogURL}" target="_blank"> </a></a>
  309. </div>
  310. {/block:IndexPage}
  311.  
  312. {block:Text}
  313. <div id="title">
  314. {block:Title}
  315. <div class="texttitle"><a href="{Permalink}" target="_blank">{Title}</a></div>
  316. {/block:Title}
  317. </div>
  318. {Body}
  319. {/block:Text}
  320.  
  321. {block:Photo}
  322. <div id="photox"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  323. {block:HighRes}<div class="hres"><a href="{PhotoURL-HighRes}"></a></div> {/block:HighRes}</div>
  324. {block:Caption}
  325. <div class="caption">{Caption}</div>
  326. {/block:Caption}
  327. {/block:Photo}
  328.  
  329. {block:Photoset}
  330. {Photoset-400}
  331. {block:Caption}
  332. <div class="caption">{Caption}</div>
  333. {/block:Caption}
  334. {/block:Photoset}
  335.  
  336. {block:Quote}
  337. <div class="pquote">“{Quote}”</div>
  338. {block:Source}<div class="pquotesource"> - {Source}</div>
  339. {/block:Source}
  340. {/block:Quote}
  341.  
  342. {block:Link}
  343. <div id="title"><div class="texttitle"><a href="{URL}" class="linkpost" target="_blank">{Name}</a></div></div>
  344. {block:Description}
  345. <div class="linkdescription">{Description}</div>
  346. {/block:Description}
  347. {/block:Link}
  348.  
  349. {block:Chat}
  350. {block:Title}
  351. <div id="title"><div class="texttitle">{Title}</div></div>
  352. {/block:Title}<br>
  353. <div class="chat">
  354. {block:Lines}<div class="chat"><div class="line {Alt}">
  355. <div class="{Alt} user_{UserNumber}">
  356. {block:Label}
  357. <span class="label"><b>{Label}</b></span>
  358. {/block:Label}
  359. {Line}</div>
  360. </div></div>
  361. {/block:Lines}
  362. </div>
  363. {/block:Chat}
  364.  
  365. {block:Video}
  366. {Video-400}
  367. {block:Caption}
  368. <div class="caption">{Caption}</div>
  369. {/block:Caption}
  370. {/block:Video}
  371.  
  372. {block:Audio}
  373. <div class="player">{AudioPlayerBlack}</div>
  374. {block:Caption}{Caption}{/block:Caption}
  375. {/block:Audio}
  376.  
  377. {block:Answer}
  378. <div class="hlanswerinfo">{Asker} asked:</div>
  379. <div class="hlanswer">
  380. <img src="{AskerPortraitURL-64}">
  381. {Question}
  382. </div>
  383. {Answer}
  384. {/block:Answer}
  385.  
  386. {block:IfShowTags}{block:HasTags}<center><div class="tags">
  387. {block:Tags}#<a href="{TagURL}" target="_blank">{Tag}</a> {/block:Tags}</div></center>
  388. {/block:HasTags}{/block:IfShowTags}
  389. </div>
  390.  
  391. {block:PermalinkPage}
  392. {block:PostNotes}
  393. <div id="postnotes">{PostNotes}</div><br>
  394. {/block:PostNotes}
  395. {/block:PermalinkPage}
  396. {/block:Posts}
  397.  
  398. <div id=reblogs>{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}"></a>reblogged <a href="{ReblogParentURL}">{ReblogParentName}</a>, {/block:RebloggedFrom}
  399. {block:ContentSource}source <a href="{SourceURL}">{SourceLink}</a><br>
  400. {/block:ContentSource}
  401. <a href="{Permalink}"> {block:NoteCount}{NoteCount} <b>reblog</b> </a> {/block:NoteCount}{block:Date}posted {TimeAgo}{/block:Date}</a></div><p><p>
  402.  
  403. </div></div>
  404. </div>
  405. </div>
  406.  
  407. </body>
  408. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement