k-a-n-s-a-s

Theme #19 -BR

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