k-a-n-s-a-s

Theme #17 -BR

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