Advertisement
sk8er-girl

theme 24

Jan 10th, 2012
2,968
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.95 KB | None | 0 0
  1. <!
  2. theme by sk8er-girl, don't copy
  3.  
  4. !>
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head>
  8. <!-- DEFAULT VARIABLES -->
  9. <meta name="color:background" content="#F3F3F3" />
  10. <meta name="color:entry" content="#ffffff" />
  11. <meta name="color:sidebar" content="#000" />
  12. <meta name="color:box" content="#ffffff" />
  13. <meta name="color:link1" content="#000" />
  14. <meta name="color:link2" content="#fff" />
  15. <meta name="color:linkhover" content="#fff" />
  16. <meta name="color:linkhover2" content="#000" />
  17. <meta name="color:frase" content="#ccc" />
  18.  
  19. <meta name="color:text" content="#000" />
  20. <meta name="color:link" content="#ccc" />
  21.  
  22. <meta name="color:scrollbarbg" content="#eeeeee" />
  23. <meta name="color:scrollbarcolor" content="#cccccc" />
  24.  
  25. <meta name="font:title" content="verdana" />
  26. <meta name="font:body" content="verdana" />
  27.  
  28. <meta name="image:background" content="" />
  29. <meta name="image:minigif1" content=""/>
  30. <meta name="image:minigif2" content=""/>
  31. <meta name="image:minigif3" content=""/>
  32. <meta name="image:minigif4" content=""/>
  33. <meta name="image:minigif5" content=""/>
  34. <meta name="image:minigif6" content=""/>
  35.  
  36. <meta name="image:1gif160x160" content=""/>
  37. <meta name="image:2gif160x160" content=""/>
  38. <meta name="image:3gif160x160" content=""/>
  39. <meta name="image:4gif160x160" content=""/>
  40. <meta name="image:5gif160x160" content=""/>
  41.  
  42. <meta name="text:frase1" content=""/>
  43. <meta name="text:frase2" content=""/>
  44.  
  45. <meta name="text:Link1" content=" " />
  46. <meta name="text:Link1 Title" content=" " />
  47. <meta name="text:Link2" content=" " />
  48. <meta name="text:Link2 Title" content=" " />
  49. <meta name="text:Link3" content=" " />
  50. <meta name="text:Link3 Title" content=" " />
  51. <meta name="text:Link4" content=" " />
  52. <meta name="text:Link4 Title" content=" " />
  53. <meta name="text:Link5" content=" " />
  54. <meta name="text:Link5 Title" content=" " />
  55. <meta name="text:Link6" content=" " />
  56. <meta name="text:Link6 Title" content=" " />
  57. <meta name="text:Link7" content=" " />
  58. <meta name="text:Link7 Title" content=" " />
  59. <meta name="text:Link8" content=" " />
  60. <meta name="text:Link8 Title" content=" " />
  61.  
  62. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  63. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  64. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  65. <link rel="shortcut icon" href="{Favicon}" />
  66. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  67. <style type="text/css">
  68.  
  69. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:{font:body}; font-size:11px; line-height:110%; text-align:justify}
  70.  
  71. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  72. a:hover{color:{color:title}; background-color:{color:lhover}}
  73.  
  74. #entries{left:60%; margin-left:470px; margin-top:8px; width:525px; position fixed; padding-bottom: 15px;}
  75.  
  76. #msd {width: 418px; height: 310px; margin-left:0px; margin-top: 31px; position:fixed; overflow:hidden; padding:3px; background-color: {color:sidebar}; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px;}
  77.  
  78. #frase {width: 164px; height: 15px; margin-left: 230px; margin-top: 190px; position:fixed; overflow:hidden; padding:3px;}
  79. #frase {color: {color:frase}; font-family: verdana; font-size: 9px; text-align: center}
  80.  
  81. #frasebox {width: 405px; height: 15px; margin-left: 0px; margin-top: 0px; position:fixed; overflow:hidden; padding:3px; background-color: {color:box};}
  82. #frasebox {font-family: verdana; font-size: 9px; text-align: center}
  83.  
  84. #credit {width: 164px; height: 15px; margin-left: 251px; margin-top: 313px; position:fixed; overflow:hidden; padding:3px; background-color: {color:box}; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px;}
  85. #credit {font-family: verdana; font-size: 9px; text-align: center}
  86. #credit a {color: {color:text};}
  87.  
  88. #sideimg {display: block; margin-left: 230px; float: right; margin-top: 210px; width: auto; height: auto; background-color: transparent; text-align: center; position: fixed; -webkit-transform: rotate(360deg)}
  89. .simg1 img {width: auto; height: 80px; margin-bottom: 2px;}
  90.  
  91. #stext {margin-left:1px; font-family:{font:Body}; font-size:10px; width:260px; height: auto;}
  92.  
  93. #info{font-family: verdana; font-size:10px; text-transform:lowercase; text-align: left; }
  94.  
  95. #d {position: fixed; float: left; margin-top: -28px; margin-left: -13px; background-color: transparent; padding: 10px;}
  96. .dleft a {display: block; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 3px; height: 15px; width: 102px; background-color: {color:link1}; color:{color:link2}; text-decoration: none; text-transform: uppercase; padding: 2px 2px 2px 2px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  97. .dleft a:hover{text-align: center; letter-spacing: 1px; background-color: {color:linkhover}; color:{color:linkhover2}; font-weight: normal; text-transform: lowercase;}
  98.  
  99. #dd2 {position: fixed; float: left; margin-top: -28px; margin-left: 93px; background-color: transparent; padding: 10px;}
  100.  
  101. #dd3 {position: fixed; float: left; margin-top: -28px; margin-left: 305px; background-color: transparent; padding: 10px;}
  102. .dleft3 a {display: block; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 3px; height: 15px; width: 102px; background-color: {color:link1}; color:{color:link2};text-decoration: none; text-transform: uppercase; padding: 2px 2px 2px 2px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -moz-border-radius-topright: 30px; -webkit-border-top-right-radius: 30px;}
  103. .dleft3 a:hover{text-align: center; letter-spacing: 1px; background-color: {color:linkhover}; color:{color:linkhover2}; font-weight: normal; text-transform: lowercase;}
  104.  
  105. #dd4 {position: fixed; float: left; margin-top: -28px; margin-left: 199px; background-color: transparent; padding: 10px;}
  106.  
  107. #dd5 {position: fixed; float: left; margin-top: 188px; margin-left: 24px; background-color: transparent; padding: 10px;}
  108. .dleft2 a {display: block; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 3px; height: 15px; width: 168px; background-color: {color:link1}; color:{color:link2}; text-decoration: none; text-transform: lowercase; padding: 2px 2px 2px 2px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  109. .dleft2 a:hover{text-align: center; letter-spacing: 1px; background-color: {color:linkhover}; color:{color:linkhover2}; font-weight: normal; text-transform: uppercase;}
  110.  
  111. #dd6 {position: fixed; float: left; margin-top: 260px; margin-left: 222px; background-color: transparent; padding: 10px;}
  112. .dleft4 a {display: block; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 3px; height: 15px; width: 176px; background-color: {color:link1}; color:{color:link2}; text-decoration: none; text-transform: uppercase; padding: 2px 2px 2px 2px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  113. .dleft4 a:hover{text-align: center; letter-spacing: 1px; background-color: {color:linkhover}; color:{color:linkhover2}; font-weight: normal; text-transform: uppercase;}
  114.  
  115. #mdescri {width: 175px; height: 255px; margin-left: 30px; margin-top: 5px; position:fixed; overflow:hidden; background-color: {color:box}; padding:3px; }
  116.  
  117. #images {float: left; margin-left: 230px; margin-top: 5px; width: 192px; height: 180px; background: {color:box}; overflow: hidden; position: relative; }
  118. #images img {padding: 5px; padding-top: 10px; padding-bottom: 10px; width: 160px; height: 160px; position: absolute; top: 0; left: -400px; z-index: 1; opacity: 0; transition: all linear 500ms; -o-transition: all linear 500ms; -moz-transition: all linear 500ms; -webkit-transition: all linear 500ms; }
  119. #images img:target { left: 0; z-index: 9; opacity: 1; }
  120. #images img:first-child {left: 0; opacity: 1; }
  121.  
  122. #slider {float: left; margin-top: 39px; margin-left: 403px; position: fixed;}
  123. #slider a {text-align: center; display: block; text-decoration: none; font-size: 9px; font-family:; background: {color:link1}; color: {color:link2}; padding: 7px 5px; width: 25px; height: 22px}
  124.  
  125. .slider2 {opacity: 0.7}
  126. .slider3 {opacity: 0.5}
  127.  
  128. #sld {width: 35px; height: 180px; margin-left: 403px; margin-top: 39px; position:fixed; overflow:hidden; background-color: {color:box};}
  129.  
  130. #pagina {margin-top: 273px; margin-left: 30px; width: 175px; float: left; background-color: {color:box}; position: fixed; height: 18px; padding: 3px; }
  131.  
  132. /*** Paginação by madlyluv.com ***/
  133. #paginacaoml {font-size: 8px; font-family: Verdana;, sans-serif; line-height: 21px;}
  134. #paginacaoml a {font-size: 8px; font-family: Verdana; background: ; margin: 0 1px 0 0; padding: 2px 4px; color: {color:text}; text-decoration: none;}
  135. #paginacaoml a:hover {font-size: 8px; font-family: Verdana; background: {color:text}; opacity: 0.4; color: {color:box}; border: none;}
  136. #paginacaoml span.pagina_atual {background: ; margin: 0 1px 0 0; padding: 2px 4px; color: {color:text}; text-decoration: none; font-weight: bold;}#paginacaoml span.info {background: {color:box}; margin: 0 1px 0 0; padding: 2px 4px; color: #cor da fonte; text-decoration: none;}
  137.  
  138.  
  139. #mpp {width:456px; height: 35px; margin-left: -3px; margin-top: 430px; position:fixed; overflow:hidden; background-color: {color:sidebar}; padding:3px; font-family: georgia; font-size: 24px; font-style: italic; text-align: center;}
  140.  
  141. #posts{overflow:hidden; background-color: {color:entry}; border-left:0px solid {color:link}; border-right:0px solid {color:link}; padding:3px}
  142.  
  143. h1{color:{color:title}; font-family:{font:title}; font-size:24px; line-height:24px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; margin-bottom:-0px; text-align:center}
  144.  
  145. h2{color:{color:title}; font-family:{font:title}; font-size:25px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; margin-bottom:-0px; text-align:center}
  146. .bigquote{font-size: 80px; font-family: georgia; line-height: 80px; opacity: 0.2; filter:alpha (opacity=20)}
  147. .pquote{font-family: georgia; font-size: 25px; letter-spacing: -1px; line-height: 20px; text-transform: none; margin-top: -70px; margin-left: 45px}
  148. .source{margin-top: 5px; text-align: right}
  149.  
  150. #source {text-align: left}
  151.  
  152. #questions {background-color:{color:background}; color: {color:text}; padding:10px; margin-bottom:0px; font-family:verdana; font-size:9px}
  153. #questions a {color:{color:link}}
  154.  
  155. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  156.  
  157. b, strong{color:{color:title}}
  158. i, em {color:{color:link};}
  159. p{margin-top:5px; margin-bottom:5px}
  160. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  161.  
  162. img a{border:none; width:100%}
  163. .audio{background-color:black; display:block;}
  164.  
  165. .user_1 .label {color:{color:link}; font-weight:bold}
  166. .user_2 .label {color:{color:text}; font-weight:bold}
  167. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  168.  
  169. .notes img{width:10px; position:relative; top:1px;}
  170. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  171. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  172.  
  173. ::-webkit-scrollbar{width:4px;height:2px; }
  174. ::-webkit-scrollbar-button:start:decrement
  175. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  176. ::-webkit-scrollbar-track-piece{background-color:{color:scrollbarbg};-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  177. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:scrollbarcolor};-webkit-border-radius:px;}
  178. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color:{color:scrollbarcolor};-webkit-border-radius:px;
  179.  
  180. </style>
  181. <style type="text/css">{CustomCSS}</style>
  182. </head>
  183.  
  184. <body>
  185.  
  186. <div id="frasebox">{text:frase1}</div>
  187.  
  188. <div id="msd">
  189.  
  190. <div id="pagina"><div id="paginacaoml">
  191. <center>
  192. {block:JumpPagination length="10"}
  193. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  194. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  195. {/block:JumpPagination}
  196. </center></div></div>
  197.  
  198. <div id="d"><div class="dleft">
  199. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  200. </div></div>
  201.  
  202. <div id="dd2"><div class="dleft">
  203. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  204. </div></div>
  205.  
  206. <div id="dd4"><div class="dleft">
  207. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  208. </div></div>
  209.  
  210. <div id="dd3"><div class="dleft3">
  211. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  212. </div></div>
  213.  
  214. <div id="mdescri">
  215. <div id="stext"><div style="overflow: auto; color: none; width: 160px; font-family: verdana; height: 175px; padding: 0px 10px 5px 1px; letter-spacing: 0px; font-size:10px; line-height: 100%">{block:Description}{Description}{/block:Description}
  216. </div></div></div>
  217.  
  218. <div id="dd5"><div class="dleft2">
  219. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  220. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  221. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  222. </div></div>
  223.  
  224. <div id="images">
  225. <img id="image1" src="{image:1gif160x160}" />
  226. <img id="image2" src="{image:2gif160x160}" />
  227. <img id="image3" src="{image:3gif160x160}" />
  228. <img id="image4" src="{image:4gif160x160}" />
  229. <img id="image5" src="{image:5gif160x160}" /></div>
  230.  
  231. <div id="frase">{text:frase2}</div>
  232.  
  233. <div id="sideimg"><div style="padding: 2px; padding-bottom: -2px; overflow: auto; background-color: {color:box}; margin: 3px auto -7px auto; width: 180px;"><div class="simg1"><marquee direction="left" scrollamount="3" height="80" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">
  234. <img src="{image:minigif1}"/>
  235. <img src="{image:minigif2}"/>
  236. <img src="{image:minigif3}"/>
  237. <img src="{image:minigif4}"/>
  238. <img src="{image:minigif5}"/>
  239. <img src="{image:minigif6}"/>
  240. </marquee></div></div></div>
  241.  
  242. <div id="dd6"><div class="dleft4">
  243. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}</div></div>
  244.  
  245. <div id="credit"><a href="http://sk8er-girl.tumblr.com/">theme</a> + <a href="http://sete-pecados.tumblr.com/">design</a> + <a href="http://deslocado.tumblr.com/">details</a></div>
  246.  
  247. </div>
  248.  
  249. <div id="sld"></div>
  250. <div id="slider">
  251. <a href="#image1">1</a>
  252. <div class="slider2"><a href="#image2">2</a></div>
  253. <div class="slider3"><a href="#image3">3</a></div>
  254. <div class="slider2"><a href="#image4">4</a></div>
  255. <a href="#image5">5</a>
  256. </div>
  257.  
  258.  
  259. <div id="entries">
  260. {block:Posts}
  261. <div id="posts">
  262.  
  263. <br>{block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  264. {block:Text}{Body}{/block:Text}
  265.  
  266. {block:Quote}
  267. <b class="bigquote">“</b><div class="pquote">{Quote}</div>{block:Source}
  268. <div class="source">— {Source}</div>{/block:Source}
  269. {/block:Quote}
  270.  
  271. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  272. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  273.  
  274. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  275. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  276.  
  277. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  278.  
  279. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  280.  
  281. {block:Answer}<div id="questions">{Asker} asked: "{Question}"</div>
  282. {Answer}{/block:answer}
  283.  
  284. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  285.  
  286. <div id="info">{block:HasTags}<br>indiretas:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags} <br>{block:Date} Posted <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog this</a><br>{block:RebloggedFrom}originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  287. </span>{/block:RebloggedFrom} {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div></div><BR>
  288. {/block:Posts}
  289. {block:PostNotes}{PostNotes}{/block:PostNotes}
  290.  
  291. </div>
  292.  
  293. </body>
  294. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement