allfredoflores

Drive

Apr 7th, 2014
481
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.53 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. <!--- "drive" by allfredoflores, DON'T STEAL AND PLEASE DON'T REMOVE CREDIT. YOU CAN MOVE IT TO ANOTHER PAGE BUT DON'T REMOVE IT COMPLETELY! --->
  5.  
  6. <head>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:text" content="#838282"/>
  15. <meta name="color:link" content="#d3d3d3"/>
  16. <meta name="color:linkhover" content="#6b6869"/>
  17. <meta name="color:scrollbar" content="#b8b8b8"/>
  18. <meta name="color:border" content="#f8f8f8"/>
  19.  
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="text:Link 1" content="http://"/>
  23. <meta name="text:Link 1 Title" content=""/>
  24. <meta name="text:Link 2" content="http://">
  25. <meta name="text:Link 2 Title" content=""/>
  26.  
  27.  
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  29.  
  30. <script>
  31. $(document).ready(function(){
  32.  
  33. $(".slidingDiv").hide();
  34. $(".show_hide").show();
  35.  
  36. $('.show_hide').toggle(function(){
  37. $(".slidingDiv").slideDown(
  38. function(){
  39. $("#navigation").text("navigation")
  40. }
  41. );
  42. },function(){
  43. $(".slidingDiv").slideUp(
  44. function(){
  45. $("#navigation").text("navigation")
  46. }
  47. );
  48. });
  49. });
  50. </script>
  51.  
  52. <style type="text/css">
  53.  
  54. 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; }
  55.  
  56. ::-webkit-scrollbar {
  57. height:5px;
  58. width:7px;
  59. background-color:#fff;
  60. }
  61.  
  62. ::-webkit-scrollbar-thumb {
  63. background-color:#fff;
  64. border-left:2px solid {color:scrollbar};
  65. }
  66.  
  67. ::-webkit-scrollbar-track {
  68. background-color:#fff;
  69. border-left:1px solid #fff;
  70. }
  71.  
  72. /* CURSOR */
  73. html {
  74. cursor:
  75. url("http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png"),default;
  76. }
  77.  
  78. body {
  79. background:{color:background};
  80. margin:0px;
  81. color:{color:text};
  82. font-family:arial;
  83. font-weight:normal;
  84. font-size:11px;
  85. line-height:90%;
  86. }
  87.  
  88. a:link, a:visited, a:active {
  89. color: {color:link};
  90. padding:1px;
  91. text-decoration: none;
  92. font-weight: normal;
  93. transition-duration: 0.4s;
  94. -moz-transition-duration: 0.4s;
  95. -webkit-transition-duration: 0.4s;
  96. -o-transition-duration: 0.4s;
  97. }
  98.  
  99. a:hover {
  100. color: {color:linkhover};
  101. padding:1px;
  102. text-decoration: none;
  103. font-weight: normal;
  104. transition-duration: 0.4s;
  105. -moz-transition-duration: 0.4s;
  106. -webkit-transition-duration: 0.4s;
  107. -o-transition-duration: 0.4s;
  108. }
  109.  
  110. #entries {
  111. position:relative;
  112. float:left;
  113. width:400px;
  114. top:0px;
  115. text-align:justify;
  116. left:470px;
  117. padding:35px;
  118. margin-bottom:0px;
  119. }
  120.  
  121. #posts {
  122. width:400px;
  123. padding:10px;
  124. margin-top:-10px;
  125. margin-bottom:20px;
  126. }
  127.  
  128. #posts:hover #info {
  129. opacity:1;
  130. transition-duration: 0.4s;
  131. -moz-transition-duration: 0.4s;
  132. -webkit-transition-duration: 0.4s;
  133. -o-transition-duration: 0.4s;
  134. }
  135.  
  136. #info {
  137. opacity:0;
  138. margin-left:410px;
  139. font-size:9px;
  140. text-align:left;
  141. position:absolute;
  142. margin-top:3px;
  143. width:100px;
  144. -moz-transition-duration:0.4s;
  145. -webkit-transition-duration:0.4s;
  146. -o-transition-duration:0.4s;
  147. }
  148.  
  149. #pagination {
  150. width:400px
  151. margin-top:50px;
  152. margin-bottom:40px;
  153. color:{color:link};
  154. }
  155.  
  156. #sb {
  157. position:fixed;
  158. margin-top:20px;
  159. margin-left:-50px;
  160. width:350px;
  161. }
  162.  
  163. #sidebarimage img {
  164. width:230px;
  165. height:230px;
  166. margin-top:170px;
  167. text-align:center;
  168. margin-left:212px;
  169. padding:5px;
  170. }
  171.  
  172. #description {
  173. position:fixed;
  174. text-align:center;
  175. font-size:9px;
  176. margin-left:228px;
  177. width:210px;
  178. margin-top:5px;
  179. }
  180.  
  181. #links{
  182. position:fixed;
  183. font-size:8px;
  184. text-transform:uppercase;
  185. margin-top:460px;
  186. margin-left:173px;
  187. word-spacing:6px;
  188. padding-bottom:4px;
  189. width:200px;
  190. text-align:center;
  191. display:block;
  192. }
  193.  
  194. #links a{
  195. padding:5px;
  196. letter-spacing:0px;
  197. color:{color:link};
  198. display:inline-block;
  199. text-decoration:none;
  200. -moz-transition-duration:0.4s;
  201. -webkit-transition-duration:0.4s;
  202. -o-transition-duration:0.4s;
  203. }
  204.  
  205. #links a:hover {
  206. color:{color:linkhover};
  207. -moz-transition:0.4s ease-in;
  208. -webkit-transition:0.4s ease-in;
  209. -o-transition:0.4s ease-in;
  210. }
  211.  
  212. .show_hide {
  213. display:none;
  214. }
  215.  
  216. .asker {
  217. background:#000;
  218. color:#fff;
  219. padding:7px;
  220. text-align:justify;
  221. }
  222.  
  223. .answer {
  224. text-align:justify;
  225. padding:5px;
  226. margin-top:-5px;
  227. }
  228.  
  229. blockquote {
  230. border-left:2px solid {color:border};
  231. padding:0px;
  232. padding-left:5px;
  233. margin:5px;
  234. }
  235.  
  236. #credit {
  237. font-size:8px;
  238. text-transform:uppercase;
  239. bottom:8px;
  240. right:-101px;
  241. position:fixed;
  242. letter-spacing:2px;
  243. text-align:right;
  244. -webkit-transition: all 0.4s ease;
  245. -moz-transition: all 0.4s ease;
  246. -o-transition: all 0.4s ease;
  247. }
  248.  
  249. #credit:hover {
  250. right:5px;
  251. -webkit-transition: all 0.4s ease;
  252. -moz-transition: all 0.4s ease;
  253. -o-transition: all 0.4s ease;
  254. }
  255.  
  256. {CustomCSS}</style>
  257.  
  258. </head>
  259.  
  260. <body>
  261.  
  262. <div id="sb">
  263. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  264. <div id="description">{description}</div>
  265. </div>
  266.  
  267. <div id="links">
  268. <a href="#" class="show_hide" id="links" style="margin-top:-285px; font-family:arial; width:200px; text-align:center; margin-left:-94px; text-transform:uppercase; font-size:8px;">♡ navigation ♡</a>
  269. <div class="slidingDiv">
  270. <a href="/">index</a>
  271. <a href="/ask">contact</a>
  272. <a href="{text:link 1}">{text:link 1 title}</a>
  273. <a href="{text:link 2}">{text:link 2 title}</a>
  274. </div>
  275. </div>
  276.  
  277. <div id="entries">{block:Posts}<div id="posts">
  278.  
  279. <div id="info">{block:Date}<a href="{Permalink}"><b>{DayOfMonthWithZero} {Month} {Year}</b></a>{/block:Date}<br>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}<br><a href="{ReblogURL}">reblog</a></u>{block:HasTags}<p>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  280.  
  281. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  282.  
  283. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  284.  
  285. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  286.  
  287. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  288.  
  289. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  290.  
  291. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  292.  
  293. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  294.  
  295. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  296.  
  297. {block:Answer}
  298. <div class="asker"><b>{Asker}:</b> {Question}</div>
  299. <div class="answer">{Answer}</div>{/block:answer}
  300.  
  301. {block:PostNotes}{PostNotes}{/block:PostNotes}
  302. </div>
  303.  
  304. {/block:Posts}
  305.  
  306.  
  307. <div id="credit"><big><big>♡</big></big> <span style="font size:8px;"><a href="http://allfredoflores.tumblr.com/tagged/theme">allfredoflores</a></span></div>
  308.  
  309. <div id="pagination">
  310. <span style="margin-left:180px; font-size:9px; background:#fff; padding:5px;">
  311. {block:Pagination}
  312. {block:PreviousPage}
  313. <a href="{PreviousPage}">BACK</a>
  314. {/block:PreviousPage}
  315. &nbsp;&nbsp;
  316. {block:NextPage}
  317. <a href="{NextPage}">NEXT</a>
  318. {/block:NextPage}
  319. {/block:Pagination}
  320. </span>
  321. </div>
  322.  
  323. {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}
  324.  
  325. </div>
  326. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment