allfredoflores

03

Jun 10th, 2015
500
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.93 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--- "theme 03 by justinbiebbr :
  5. please do not steal
  6. please do not use as a base code
  7. please do not remove the credit
  8. thank u --->
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <meta name="color:text" content="#222222"/>
  16. <meta name="color:titles" content="#000000"/>
  17. <meta name="color:links" content="#444444"/>
  18. <meta name="color:links hover" content="#000000"/>
  19. <meta name="color:scrollbar" content="#b8b8b8"/>
  20. <meta name="color:borders" content="#f8f8f8"/>
  21. <meta name="color:backgrounds" content="#f8f8f8"/>
  22.  
  23. <meta name="image:sidebar" content""/>
  24.  
  25. <meta name="text:link 1" content="http://"/>
  26. <meta name="text:link 1 title" content=""/>
  27. <meta name="text:link 2" content="http://"/>
  28. <meta name="text:link 2 title" content=""/>
  29.  
  30. <style type="text/css">
  31.  
  32. #s-m-t-tooltip {
  33. max-width:300px;
  34. padding:4px 4px 4px 4px;
  35. margin:20px 0px 0px 20px;
  36. background:{color:line};
  37. border:1px solid {color:links hover};
  38. font-size:10px;
  39. text-transform:none;
  40. color:{color:links hover};
  41. z-index:999999999999999999999999999999999999;
  42. }
  43.  
  44.  
  45. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  46.  
  47.  
  48. ::-webkit-scrollbar-thumb{
  49. background-color:{color:scrollbar};
  50. border:4px solid #fff;
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. width:11px;
  55. background-color:{color:scrollbar};
  56. border:5px solid #fff;
  57. }
  58.  
  59. /* CURSOR */
  60. html {
  61. cursor:
  62. url("http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png"),default;
  63. }
  64.  
  65. body {
  66. background:#fff;
  67. margin:0px;
  68. color:{color:text};
  69. font-family:'arial';
  70. font-size:11px;
  71. font-weight:normal;
  72. letter-spacing:0px;
  73. line-height:100%;
  74. }
  75.  
  76. a:link, a:visited, a:active {
  77. color:{color:links};
  78. padding:0px;
  79. text-decoration:none;
  80. transition-duration: 0.4s;
  81. -moz-transition-duration: 0.4s;
  82. -webkit-transition-duration: 0.4s;
  83. -o-transition-duration: 0.4s;
  84. }
  85.  
  86. a:hover {
  87. color:{color:links hover};
  88. padding:0px;
  89. font-weight:none;
  90. transition-duration: 0.4s;
  91. -moz-transition-duration: 0.4s;
  92. -webkit-transition-duration: 0.4s;
  93. -o-transition-duration: 0.4s;
  94. }
  95.  
  96. h1 {
  97. font-size:9px;
  98. text-align:justify;
  99. color:{color:titles};
  100. }
  101.  
  102. h2 {
  103. font-size:14px;
  104. text-align:justify;
  105. font-weight:normal;
  106. }
  107.  
  108. #container {
  109. float:left;
  110. text-align:left;
  111. color:{color:text};
  112. margin-bottom:0px;
  113. width:500px;
  114. }
  115.  
  116. #posts {
  117. text-align:justify;
  118. margin-top:90px;
  119. margin-bottom:75px;
  120. padding:10px;
  121. line-height:90%;
  122. width:500px;
  123. margin-left:460px;
  124. color:{color:text};
  125. }
  126.  
  127. #posts:hover .tags {
  128. opacity:1;
  129. -moz-transition-duration:1s;
  130. -webkit-transition-duration:1s;
  131. -o-transition-duration:1s;
  132. }
  133.  
  134. #info {
  135. margin-left:-3px;
  136. text-align:left;
  137. position:absolute;
  138. margin-top:-30px;
  139. width:490px;
  140. font-size:9px;
  141. text-transform:uppercase;
  142. padding:5px;
  143. line-height:120%;
  144. }
  145.  
  146. .tags {
  147. opacity:0;
  148. font-size:9px;
  149. margin-top:20px;
  150. margin-left:510px;
  151. line-height:120%;
  152. text-align:left;
  153. width:120px;
  154. position:absolute;
  155. -moz-transition-duration:1s;
  156. -webkit-transition-duration:1s;
  157. -o-transition-duration:1s;
  158. }
  159.  
  160. #side {
  161. position:fixed;
  162. margin-top:90px;
  163. margin-left:130px;
  164. padding:10px;
  165. width:190px;
  166. }
  167.  
  168. #sidebarimage img{
  169. width:60px;
  170. height:60px;
  171. margin-top:-123px;
  172. margin-left:57px;
  173. padding:5px;
  174. position:absolute;
  175. }
  176.  
  177. #description {
  178. text-align:left;
  179. padding:10px;
  180. text-transform:none;
  181. width:180px;
  182. margin-top:125px;
  183. margin-left:50px;
  184. }
  185.  
  186. .links {
  187. position:absolute;
  188. width:165px;
  189. text-align:left;
  190. line-height:100%;
  191. margin-top:0px;
  192. margin-left:50px;
  193. padding:5px;
  194. }
  195.  
  196. .links a{
  197. color:{color:links};
  198. text-transform:uppercase;
  199. font-size:9px;
  200. margin-bottom:7px;
  201. display:block;
  202. background-image:linear-gradient(to left, transparent,transparent 50%, #fcfcfc 50%,#fcfcfc);
  203. border-bottom:1px solid {color:borders};
  204. background-position: 100% 0;
  205. background-size: 200% 100%;
  206. padding:7px 7px 7px 7px;
  207. }
  208.  
  209. .links a:hover{
  210. color:{color:links hover};
  211. background-position: 0 0;
  212. }
  213.  
  214. #pagination {
  215. text-transform:lowercase;
  216. margin-top:190px;
  217. width:150px;
  218. margin-left:62px;
  219. line-height:120%;
  220. word-spacing:5px;
  221. }
  222.  
  223. blockquote {
  224. border-left:2px solid {color:borders};
  225. padding:0px;
  226. padding-left:5px;
  227. margin:5px;
  228. }
  229.  
  230. .asker {
  231. font-weight:bold;
  232. font-size:9px;
  233. text-transform:uppercase;
  234. }
  235.  
  236. #question {
  237. margin-bottom:10px;
  238. line-height:15px;
  239. background:{color:backgrounds};
  240. padding:15px;
  241. }
  242.  
  243. .answer {
  244. text-align:justify;
  245. padding:5px;
  246. margin-top:-5px;
  247. }
  248.  
  249. ol.notes {
  250. text-align:left;
  251. width:400px;
  252. margin-left:80px;
  253. margin-right:auto;
  254. padding:0px;
  255. margin-top:100px;
  256. list-style-type:none;
  257. }
  258.  
  259. ol.notes li.note {
  260. padding:7px;
  261. }
  262.  
  263. ol.notes li.note img.avatar {
  264. vertical-align:-4px;
  265. margin-right:10px;
  266. width:16px;
  267. height:16px;
  268. }
  269.  
  270. ol.notes li.note blockquote {
  271. padding:5px 5px 5px 5px;
  272. }
  273.  
  274. #credit {
  275. font-size:12px;
  276. text-transform:uppercase;
  277. font-style:bold;
  278. bottom:10px;
  279. right:10px;
  280. position:fixed;
  281. letter-spacing:2px;
  282. text-align:right;
  283. }
  284.  
  285. {CustomCSS}</style>
  286.  
  287. </head>
  288.  
  289. <body>
  290.  
  291. <div id="container">
  292. <div id="side">
  293. <div id="description">{description}</div>
  294. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  295.  
  296. <div class="links">
  297. <a href="/"><span style="font-size:10px;">♕</span> home</a>
  298. <a href="/ask"><span style="font-size:10px;">✐</span> message</a>
  299. <a href="{text:link 1}"><span style="font-size:10px;">☾</span> {text:link 1 title}</a>
  300. <a href="{text:link 2}"><span style="font-size:10px;">❀</span> {text:link 2 title}</a>
  301. <a href="/archive"><span style="font-size:10px;">↻</span> history</a>
  302. </div>
  303.  
  304. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><span style="font-size:12px;">←</span> previous</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> next <span style="font-size:12px;">→</span></a> {/block:NextPage}{/block:Pagination}
  305. </div></div></div>
  306.  
  307. {block:Posts}<div id="posts">
  308.  
  309. <div id="info"><span style="border-bottom:1px solid {color:borders};padding-bottom:5px;"><a href="{Permalink}">{24Hour}:{Minutes}{CapitalAmPm}</a></span> on {block:Date}{ShortMonth} {DayOfMonthWithZero}{/block:Date} {block:NoteCount}♡ {NoteCount}{/block:NoteCount}
  310. <div class="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>
  311.  
  312. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  313.  
  314. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  315.  
  316. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  317.  
  318. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  319.  
  320. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  321.  
  322. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  323.  
  324. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  325.  
  326. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  327. {block:Answer}
  328. <div id="question">
  329. <div class="asker">{Asker}</div>
  330. {Question}</div>
  331. <div class="answer">{Answer}</div>
  332. {/block:Answer}
  333.  
  334. {block:PostNotes}{PostNotes}{/block:PostNotes}
  335. </div>
  336. {/block:Posts}
  337.  
  338. <div id="credit"><a href="http://justinbiebbr.tumblr.com/rules">♡</a></div>
  339. </div>
  340.  
  341. {block:ContentSource}<!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  342.  
  343. </div>
  344. </body>
  345. </html>
Advertisement
Add Comment
Please, Sign In to add comment