umlugardocaralho

theme #24

Jan 7th, 2012
9,912
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 18.16 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5.  
  6. <!-- (c) theme #24 by
  7.  
  8. theme por rocklessly, não copie flw?
  9.  
  10. theme #24 (c)  --!>
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'>
  14.  
  15. <head> <!-- DEFAULT VARIABLES -->
  16. <meta name="font:body" content="georgia" />
  17. <meta name="font:title" content="georgia" />
  18. <meta name="color:background" content="#ffffff" />
  19. <meta name="color:top" content="#000" />
  20. <meta name="color:reticencias" content="#000" />
  21. <meta name="color:toptext" content="#000000" />
  22. <meta name="color:text" content="#3d3d3d" />
  23. <meta name="color:sidebar" content="#f8f8f8" />
  24. <meta name="color:sid" content="#3d3d3d" />
  25. <meta name="color:bg da descr" content="#CACACA" />
  26. <meta name="color:texto da descr" content="#333333" />
  27. <meta name="color:bglinksidebar" content="#f8f8f8" />
  28. <meta name="color:linksidebar" content="#000" />
  29. <meta name="color:bglinksidebar hover" content="#3d3d3d" />
  30. <meta name="color:linksidebar hover" content="#f8f8f8" />
  31. <meta name="color:borda da sidebar" content="#000000" />
  32. <meta name="color:borda da sidebar hover" content="#3d3d3d" />
  33. <meta name="color:borda da img" content="#ffffff" />
  34. <meta name="color:borda da img hover" content="#3d3d3d" />
  35. <meta name="color:borragem titulo" content="#727272" />
  36. <meta name="color:borragem quote" content="#727272" />
  37. <meta name="color:borragem links" content="#727272" />
  38. <meta name="color:entry" content="#F7F7F5" />
  39. <meta name="color:linkbackground" content="#EBE6E6" />
  40. <meta name="color:link" content="#470E1A" />
  41.  
  42. <meta name="if:Show tags" content="1"/>
  43. <meta name="if:Borragem Links" content="1"/>
  44. <meta name="if:Pics Round" content="1"/>
  45. <meta name="if:Borragem Quote" content="1"/>
  46. <meta name="if:Borragem Titulo" content="1"/>
  47. <meta name="if:Enable endless scrolling" content="0"/>
  48.  
  49. <meta name="image:sdb" content="http://25.media.tumblr.com/tumblr_lxfzqqghFq1r04pw6o5_250.png"/>
  50.  
  51. <meta name="image:picslide1" content="http://27.media.tumblr.com/tumblr_lxg28lcF7e1r04pw6o3_250.jpg"/>
  52.  
  53. <meta name="image:picslide2" content="http://27.media.tumblr.com/tumblr_lxg28lcF7e1r04pw6o2_250.jpg"/>
  54.  
  55. <meta name="image:picslide3" content="http://28.media.tumblr.com/tumblr_lxfzqqghFq1r04pw6o1_250.png"/>
  56.  
  57. <meta name="image:picslide4" content="http://25.media.tumblr.com/tumblr_lxfzqqghFq1r04pw6o3_250.png"/>
  58.  
  59. <meta name="image:picslide5" content="http://28.media.tumblr.com/tumblr_lxfzqqghFq1r04pw6o4_250.png"/>
  60.  
  61. <meta name="image:picslide6" content="http://30.media.tumblr.com/tumblr_lxfzqqghFq1r04pw6o2_250.png"/>
  62.  
  63. <meta name="image:background" content=""/>
  64. <meta name="text:Link1" content="/#" />
  65. <meta name="text:Link1 Title" content="LINK ONE" />
  66. <meta name="text:Link2" content="/#" />
  67. <meta name="text:Link2 Title" content="LINK TWO" />
  68. <meta name="text:Link3" content="/#" />
  69. <meta name="text:Link3 Title" content="LINK THREE" />
  70. <meta name="text:Link4" content="/#" />
  71. <meta name="text:Link4 Title" content="LINK FOUR" />
  72. <meta name="text:Link5" content="/#" />
  73. <meta name="text:Link5 Title" content="LINK FIVE" />
  74. <meta name="text:Link6" content="/#" />
  75. <meta name="text:Link6 Title" content="LINK SIX" />
  76.  
  77.  
  78.         <title>{Title}</title>
  79.         <link rel="shortcut icon" href="{Favicon}">
  80.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  81.         {block:Description}
  82.             <meta name="description" content="{MetaDescription}" />
  83.         {/block:Description}
  84.  
  85.  
  86.  
  87.    
  88.     <style type="text/css">
  89.  
  90. body {background-color:{color:background}; color:{color:text};
  91.  font-family: tahoma; font-size:11px; text-align: justify; line-height:110%;
  92.   margin:0 auto 0 auto; text-align:center; background-image:url('{image:background}'); background-attachment:
  93.  
  94. fixed; }
  95.  
  96. a {color:{color:link}; text-decoration: none; font-size: 9px; text-transform: normal;}
  97. a:hover {color:{color:text}; text-decoration: none}
  98. p{margin-top: 1px}
  99. blockquote{margin-left:5px; margin-right: 0px; border-left: 5px solid {color:linkbackground}; padding-left:5px;
  100.  
  101. margin-top: 4px;}
  102.  
  103. #top{width: 100%; height: 170px; margin: 0px;  background-color: {color:top}; color:{color:toptext}; z-index:2;
  104.  
  105. background-image:url("{image:topbar}"); background-attachment: fixed}
  106. .topa{padding: 35px 0 0 0; margin: 0 auto 0 auto; width: 317px; height: 65px; text-align: center; }
  107. {block:AskEnabled}.topa{width:400px}{/block:AskEnabled}
  108. .navigation{float: right; margin-top: 24px}
  109. .navigation a{display:inline; padding: 25px 22px 25px 22px; margin-right: 2px; background-color: {color:toptext}; color:{color:text}; text-transform: normal; text-decoration: none; font-size: 9px; }
  110. .navigation a:hover{background-color: {color:linkbackground}; color:{color:text};padding: 25px 22px 25px 22px}
  111. .title{ text-align: center; font-family: Rochester; {block:IfBorragemTitulo} text-shadow:4px 3px 15px {color:borragem titulo};{/block:IfBorragemTitulo}}
  112. .title a{text-decoration: none; font-size: 32px; color: {color:toptext}; letter-spacing: -1px; text-transform:normal;  line-height: 20px;}
  113. .title a:hover{color:{color:toptext}}
  114. .userpic{float: left}
  115. .userpic img{border: 7px solid {color:toptext}}
  116. .pages{margin-left: 125px}
  117. .pages a{background-color: {color:top};color:{color:toptext}; padding: 5px 10px 5px 10px; text-transform:
  118.  
  119. normal; text-decoration: none; font-size: 9px}
  120.  
  121.  
  122. #content{width: 800px; text-align: center; margin:10px auto 0 auto; margin-left: 300px; padding-bottom: 150px; background-color:
  123. transparent; color:{color:text}; padding: 0px;}
  124.  
  125.  
  126. #entries{float: left; background-color: transparent; text-align: center}
  127. .post{width: 500px; padding: 10px; margin-left: 130px; text-align: justify; background-color:{color:entry}; margin-bottom:5px}
  128. .post img{margin: 2px 0 2px 0}
  129. h1{font-family: 'Century Gothic', 'Apple Gothic', sans-serif; font-size: 18px; letter-spacing: -1px;text-transform: normal; line-height: 18px; text-align:center}
  130. h1 a{font-size: 18px; letter-spacing: -1px;text-transform: normal; line-height: 18px; text-align:center}
  131. .image{text-align: center; height: auto; margin-bottom: 3px; border: 0px}
  132. h2{font-size: 9px; display: block; width: 250px; color:{color:text}; background-color: {color:linkbackground}; text-align: center; margin: 0px 0px 3px 0px; padding: 3px 0 3px 0; text-transform: normal; text-decoration: none; font-weight: normal}
  133.  
  134. .qqmarks{font-size: 65px; font-family: Verdana, Geneva, Tahoma, sans-serif; color:{color:reticencias}; margin-left: -8px; opacity: 0.3;}
  135.  
  136. .qquote{font-family: tahoma, helvetica; font-size: 18px; font-style: letter-spacing: 3px; normal; margin-left: 10px; margin-top: -35px; {block:IfBorragemQuote}text-shadow:4px 3px 15px {color:borragem quote};{/block:IfBorragemQuote}}
  137.  
  138. .qsource{text-align: right; text-transform: none;}
  139.  
  140. .chat{line-height: 12px; list-style: none }
  141. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  142. .person1 {color: {color:text} }
  143. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text}  }
  144. .person2 {color: {color:text} }
  145. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text}  }
  146. .iaudio{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:linkbackground}}
  147. .iaudio img{width: 180px; height: auto; padding: 20px 0 20px 0}
  148. .icap{margin-top: 1px}
  149. .source{display:none}
  150. .asker {font-size: 20px; width: 100%; background-color: {color:background}; color:{color:link} ;
  151.  
  152. text-transform: uppercase; line-height: 30px}
  153. .asker a, a:hover{color:{color:link}}
  154. .asker img{margin-top: 3px; margin-bottom: -3px; margin-left:3px}
  155. .q {padding:10px; font-style: italic; text-indent: 20px}
  156. .a {padding-top: 3px}
  157. .cap {padding-top: 5px; width: 500px;}
  158.  
  159. .info{padding-left: 5px; font-family: verdana; font-size: 9px;}
  160. .tags{font-size:9px; display: inline}
  161. .origin{font-size:9px}
  162. .ibottom{margin-top: 5px; font-family: 'Century Gothic', 'Apple Gothic', sans-serif}
  163. .date{float:left; padding-left: 10px; text-transform: uppercase; font-size: 10px}
  164. .permalink{float:left; text-transform: uppercase; font-size: 9px;}
  165.  
  166. #notes {width: 500px; padding: 5px; margin-left: 300px;margin: 0px; font-size: 9px; text-align: left;}
  167. ol.notes {list-style: none; margin: 0 20px 0 0; padding: 0px}
  168. ol.notes li {margin: 0px; padding: 2px;}
  169. #notes img{border:0px}
  170.  
  171. #sidebar{margin-left: 5px; width: 380px; float: right; background-color: {color:sidebar}; padding: 0px; border: 6px solid {color:borda da sidebar}; -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal;  z-index: 12345;position:fixed;-moz-border-radius-topleft: 0px; -moz-border-radius-topright: 200px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 200px; -webkit-border-radius: 0px 100px 0px 100px; border-radius: 0px 100px 0px 100px;}
  172.  
  173. #sidebar:hover {border: 6px solid {color:borda da sidebar hover}; -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; overflow: hidden; cursor: default; font-weight: normal;  z-index: 12345; position:fixed; -moz-border-radius-topleft: 0px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 100px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 100px 0px 100px 0px; border-radius: 100px 0px 100px 0px;-webkit-transition: all .8s ease-in; -moz-transition: all .8s ease-in; -o-transition: all .8s ease-in; transition: all .8s ease-in;}
  174.  
  175.  
  176. .s2 {position: absolute; text-align: center;margin-top: 18px; margin-left: 255px;}
  177.  
  178. .s2 a {display: block; font-family: verdana; font-size: 9px; text-align: center; width: 80px; height: auto;  background-color: {color:bglinksidebar}; color:{color:linksidebar}; text-decoration: uppercase; padding: 9px 5px 8px 5px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; margin-bottom: 1px; letter-spacing: -1px; {block:IfBorragemLinks}text-shadow:4px 3px 15px {color:borragem links};{/block:IfBorragemLinks} -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 5px;  -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 5px; font-weight: bold;}
  179.  
  180. .s2  a:hover{text-align: center; letter-spacing: 2px; background-color: {color:bglinksidebar hover}; color:{color:linksidebar hover};  {block:IfBorragemLinks}text-shadow:4px 3px 15px {color:borragem links};{/block:IfBorragemLinks} -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 8px;  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 8px; font-weight: bold; }
  181.  
  182. .sidebardescr{margin: 7px 15px 0px 15px; text-align: justify; padding:8px; font-size: 10px; font-family: verdana; letter-spacing: -1px; background-color: {color:bg da descr}; color: {color:texto da descr}; z-index: 59; -webkit-border-radius: 5px; -moz-border-radius: 0px; border-radius: 5px;}
  183.  
  184. .sidebarimg {background-color: {color:sid}; z-index: 59; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 7px 15px 0px 15px; padding: 8px 0 8px 0}
  185.  
  186. .sidebarimg img{width: 210px; height: 230px; margin-left: -115px; border: 4px solid {color:borda da img};   -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-border-radius: 0px 50px 0px 50px; border-radius: 0px 50px 0px 50px;}
  187.  
  188. .sidebarimg img:hover {width: 210px; height: 230px; margin-left: -115px; border: 4px solid  {color:borda da img hover};  -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out; z-index: 59; -webkit-border-radius: 50px 0px 50px 0px; border-radius: 50px 0px 50px 0px;  opacity: 0.7;}
  189.  
  190. .scredit{margin:7px 10px 0px 10px; font-size: 9px; text-align: center; font-family:verdana; letter-spacing: -1px; }
  191.  
  192. #slideimg {margin-top: 30px; margin-left: 990px; position: fixed;}
  193. #slideimg2 {margin-top: 210px; margin-left: 990px; position: fixed;}
  194. #slideimg3 {margin-top: 400px; margin-left: 990px; position: fixed;}
  195.  
  196. #slideShowContainer {
  197. float: left;
  198. margin-top: 2px;
  199. margin-left: 0px;
  200. height: auto;
  201. width:170px;
  202. position: absolute;
  203. background-color: {color:background};
  204. }
  205.  
  206. #slideShow2 {margin-top: -169px;
  207. margin-bottom: 5px;
  208. -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;
  209. }
  210.  
  211. #slideShow2 img{width: 165px; height: 168px -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
  212.  
  213. #slideShow2:hover {opacity: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
  214.  
  215. #slideShowContainer2{
  216. float: left;
  217. margin-top: 0px;
  218. margin-left: 810px; height: auto;
  219. width:170px;
  220. position: absolute;
  221. background-color: {color:background};
  222. }
  223.  
  224. #slideShow4 {margin-top: 5px; margin-bottom: 6px;}
  225.  
  226. #slideShow4 img{width: 160px; height: 163px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
  227.  
  228. #page{text-align: center; margin:10px 0 20px 0; font-size:13px}
  229. #page a{font-size: 20px; text-decoratin: none}
  230.  
  231. #clear{width: 500px; height: 30px}
  232.  
  233. #tumblr_controls{position: fixed!important}
  234.  
  235. {CustomCSS}
  236.     </style>
  237.  
  238.     </head>
  239.  
  240.     <body>
  241. {block:IfPicsRound}
  242. <div id="slideimg">
  243. <div id="slideShowContainer">
  244. <div id="slideShow4"><img src="{image:picslide2}"></div>
  245. <div id="slideShow2"><img src="{image:picslide1}"/></div>
  246. </div>
  247. </div>
  248.  
  249. <div id="slideimg2">
  250. <div id="slideShowContainer">
  251. <div id="slideShow4"><img src="{image:picslide4}"></div>
  252. <div id="slideShow2"><img src="{image:picslide3}"/></div>
  253. </div>
  254. </div>
  255.  
  256. <div id="slideimg3">
  257. <div id="slideShowContainer">
  258. <div id="slideShow4"><img src="{image:picslide6}"></div>
  259. <div id="slideShow2"><img src="{image:picslide5}"/></div>
  260. </div>
  261. </div>
  262. {/block:IfPicsRound}
  263. <div id="content"><br><br><div id="entries">  
  264. {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element">
  265. <script type="text/javascript"
  266.  
  267. src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  268.  
  269.  
  270.  {block:Posts}
  271.  
  272. <div class="post">
  273.  
  274. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  275.  
  276. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" ></div>{LinkCloseTag}{/block:Photo}
  277.  
  278. {block:Photoset}{Photoset-500}{/block:Photoset}
  279.  
  280. {block:Quote}
  281. <b class="qqmarks"></b><div class="qquote"><small>{Quote}</small></div><br>
  282. {block:Source}<div class="qsource">~ {Source}</div>{/block:Source}
  283. {/block:Quote}
  284.  
  285. {block:Link}
  286. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  287. {block:Description}{Description}{/block:Description}
  288. {/block:Link}
  289.  
  290. {block:Chat}
  291. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  292. <div class="chat"><ul>{block:Lines}
  293. <li class="person{UserNumber}">{block:Label}
  294. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  295. {/block:Chat}
  296.  
  297. {block:Audio}
  298. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  299. {AudioPlayerGrey}
  300. <div class="icap">{block:Caption}{Caption}{/block:Caption}</div>
  301. {/block:Audio}
  302.  
  303. {block:Video}{Video-500}{/block:Video}
  304.  
  305. {block:Answer}
  306. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  307. <div class="q">{Question}</div>
  308. <div class="a">{Answer}</div>
  309. {/block:Answer}
  310.  
  311.  
  312. <div class="cap">
  313. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  314. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  315. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  316.  
  317. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  318.       <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  319.         {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  320. {/block:ContentSource}</div></div>
  321.  
  322.  
  323. <div class="info">{block:Date} {block:Date}<a href="{Permalink}"><b>{TimeAgo}</b></a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank"><b>reblog</b></a><br>
  324. {block:RebloggedFrom}originally: <a href="{ReblogRootURL}" title="{ReblogRootTitle}"><b>{ReblogRootName}</b></a>
  325. </span> {/block:RebloggedFrom} ·  via: {block:RebloggedFrom}<a href="{ReblogParentURL}"><b>{ReblogParentName}</b></a>{/block:RebloggedFrom}<br>
  326. {block:IfShowTags}{block:HasTags}tag: {block:Tags} <a href="{TagURL}"><b>#</b>{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowTags}</div></div>
  327.  
  328.  
  329.  {/block:Posts}
  330. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  331. {block:PostNotes}
  332. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  333. {/block:PostNotes}
  334.  
  335. </div>
  336.  
  337. </div>
  338. </div>
  339. <div id="sidebar">
  340. <br>
  341. <br>
  342. <div class="title"><a href="/">{Title}</a></div>
  343. <br>
  344. <div class="s2">
  345. <center>
  346. <a href="/">home</a>
  347.  
  348. <a href="/ask"><b>ask me</b></a>
  349.  
  350. {block:ifLink1}<a href="{text:Link1}" class="nav">{text:Link1 Title}</a>{/block:ifLink1}
  351.  
  352. {block:ifLink2}<a href="{text:Link2}" class="nav">{text:Link2 Title}</a>{/block:ifLink2}
  353.  
  354. {block:ifLink3}<a href="{text:Link3}" class="nav">{text:Link3 Title}</a>{/block:ifLink3}
  355.  
  356. {block:ifLink4}<a href="{text:Link4}" class="nav">{text:Link4 Title}</a>{/block:ifLink4}
  357.  
  358. {block:ifLink5}<a href="{text:Link5}" class="nav">{text:Link5 Title}</a>{/block:ifLink5}
  359.  
  360. {block:ifLink6}<a href="{text:Link6}" class="nav">{text:Link6 Title}</a>{/block:ifLink6}
  361. </center>
  362. </div>
  363.  
  364. <div class="sidebarimg"><img src="{image:sdb}"/></div>
  365. <div class="sidebardescr">{block:Description}{Description}{/block:Description}</div>
  366.  
  367. <div class="scredit">
  368. <br>
  369. theme by <a href="http://rocklessly.tumblr.com"><b>rocklessly</b></a> detalhes de <a
  370.  
  371. href="http://im-mutable.tumblr.com" target="_blank">im-mutable</a> e <a href="http://baudelaired.tumblr.com">baudelaired</a> não copie (c)</div>
  372.  
  373.  
  374. <div id="page">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  375.  
  376. {CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</div>
  377. </div>
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393. </div>
  394.  
  395. </body>
  396. </html>
Advertisement
Add Comment
Please, Sign In to add comment