foomthemes

THEME 4: The Impala

Sep 3rd, 2013
406
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12.  
  13. <!--
  14.  
  15. ▒█▀▀▀ ▒█▀▀▀█ ▒█▀▀▀█ ▒█▀▄▀█ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ ▒█▀▀▀█
  16. ▒█▀▀▀ ▒█░░▒█ ▒█░░▒█ ▒█▒█▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ ░▀▀▀▄▄
  17. ▒█░░░ ▒█▄▄▄█ ▒█▄▄▄█ ▒█░░▒█ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ ▒█▄▄▄█
  18.  
  19. © THEME 4: THE IMPALA BY FOOMTHEMES.TUMBLR.COM
  20. PLEASE DO NOT TAKE CREDIT FOR THIS THEME AS IT GAVE ME A LOT OF TROUBLE
  21. YOU MAY EDIT THIS THEME AS MUCH AS YOU PLEASE BUT DO NOT CALL IT YOUR OWN
  22. FEEL FREE TO RECOMMEND IT TO YOUR FRIENDS UNLESS YOU DON'T HAVE FRIENDS THEN I'M SORRY
  23. WE COULD BE FRIENDS HIT ME UP BRO http://lucifa.co.vu
  24.  
  25. -->
  26.  
  27.  
  28. <meta name="image:Background" content="">
  29. <meta name="image:Sidebar" content="">
  30. <meta name="image:Cursor" content="">
  31. <meta name="image:Favicon" content="">
  32. <meta name="color:Text" content="#333333">
  33. <meta name="color:Links" content="#444444">
  34. <meta name="color:Links Hover" content="#aaaaaa">
  35. <meta name="color:Background" content="#eeeeff">
  36. <meta name="color:Posts Bg" content="#ddddee">
  37. <meta name="color:Blockquotes" content="#cccccc">
  38. <meta name="color:Description Text" content="#000000">
  39. <meta name="color:Description Bg" content="#ffffff">
  40. <meta name="color:Tags and Info BG" content="#ddddee">
  41. <meta name="color:Tags and Info" content="#888877">
  42. <meta name="color:Tags and Info Hover" content="#000000">
  43. <meta name="text:Blog Title" content="">
  44. <meta name="text:Font Size" content="13">
  45.  
  46. <meta name="color:Navi Links" content="#808080">
  47.  
  48. <meta name="color:Scrollbar" content="#888888">
  49. <meta name="text:Scrollbar Width" content="8">
  50.  
  51. <meta name="if:Transparent Posts" content="0">
  52. <meta name="if:Use Mini Cursor" content="0">
  53. <meta name="if:Use Normal Scrollbar" content="0">
  54.  
  55. <meta name="font:Body" content="Arial"/>
  56.  
  57.  
  58. <meta name="select:Background Style" content="" title="Normal"/>
  59. <meta name="select:Background Style" content="background-attachment: fixed; background-repeat:no-repeat;" title="Fixed, Non-repeating"/>
  60. <meta name="select:Background Style" content="background-attachment: fixed; background-size:100% 100%;" title="Fixed and Covered"/>
  61. <meta name="select:Background Style" content="background-attachment: fixed;" title="Fixed"/>
  62. <meta name="select:Background Style" content="background-repeat: no-repeat;" title="Non-repeating"/>
  63. <meta name="select:Background Style" content="background-size: 100% 100%;" title="Covered"/>
  64.  
  65. <meta name="color:Impala" content="#000000">
  66. <meta name="color:Headlights" content="#ffff00">
  67. <meta name="color:Sidebar Links" content="#ffffff">
  68. <meta name="color:Blog Title" content="#000000">
  69. <meta name="text:Blog Title" content="">
  70. <meta name="text:Subtitle" content="">
  71. <meta name="image:Sidebar" content="">
  72. <meta name="if:Circle Sidebar" content="1">
  73. <meta name="if:AntiPossession" content="1">
  74. <meta name="text:Home" content="Home">
  75. <meta name="text:Ask" content="Ask">
  76. <meta name="text:Submit" content="Submit">
  77. <meta name="text:Archive" content="Archive">
  78.  
  79. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80.  
  81. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  82.  
  83. <script>
  84.  
  85. (function($){
  86. $(document).ready(function(){
  87. $("a[title]").style_my_tooltips({
  88. tip_follows_cursor:true,
  89. tip_delay_time:90,
  90. tip_fade_speed:600,
  91. attribute:"title"
  92. });
  93. });
  94. })(jQuery);
  95. </script>
  96. <script>
  97. $(document).mouseover(function(){
  98. $(document).mousemove(function(e){
  99. $("#cursor").css({left:e.pageX, top:e.pageY});
  100. });
  101. });
  102. </script>
  103. <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
  104. <style>
  105.  
  106. #cursor{
  107. position:absolute;
  108. margin:3px;
  109. -webkit-transition: all 10ms ease;
  110. -moz-transition: all 10ms ease;
  111. -ms-transition: all 10ms ease;
  112. -o-transition: all 10ms ease;
  113. transition: all 10ms ease;
  114. max-width:25px;
  115. z-index:9000000000000;
  116. }
  117.  
  118. @font-face {
  119. font-family: 'General Store';
  120. src: local('General Store'),
  121. url('http://static.tumblr.com/iwxqvyr/6IGmryz2p/general_store.ttf') format('truetype'), url('http://static.tumblr.com/iwxqvyr/Vrkmstyvj/general_store.woff') format('woff');
  122. font-weight: normal;
  123. font-style: normal;
  124. }
  125.  
  126. #s-m-t-tooltip {
  127. display:none;
  128. text-align:center;
  129. position:absolute;
  130. -webkit-transition: all 0ms ease;
  131. -moz-transition: all 0ms ease;
  132. -ms-transition: all 0ms ease;
  133. -o-transition: all 0ms ease;
  134. transition: all 0ms ease;
  135. z-index:500000000000000;
  136. padding: 4px;
  137. background: #fff;
  138. margin-left: 8px;
  139. margin-top:5px;
  140. border: 1px solid #333;
  141. color: #000000;
  142. font-size: 11px;
  143. font-family: "Pathway Gothic One";
  144. letter-spacing: 1px;
  145. text-transform: uppercase;
  146. }
  147.  
  148.  
  149. {block:ifNotUseNormalScrollbar}
  150. ::-webkit-scrollbar {width: {text:Scrollbar width}px; height:{text:Scrollbar width}px; background:#ffffff}
  151.  
  152. ::-webkit-scrollbar-corner {background:#ffffff}
  153.  
  154. ::-webkit-scrollbar-button:vertical {height:4px; width: 7px; display: block; background:{color:Scrollbar}}
  155.  
  156. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:Scrollbar}}
  157.  
  158. ::-webkit-scrollbar-thumb:vertical {background:{color:Scrollbar}; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff}
  159.  
  160. ::-webkit-scrollbar-thumb:horizontal {background: #ffffff; border: 0px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid }
  161.  
  162. ::-webkit-scrollbar-thumb {background: {color:Scrollbar}; border-top: 0pt solid #ffffff; border-bottom: 0pt solid #ffffff}
  163.  
  164. ::-webkit-scrollbar-thumb:hover {background: {color:Scrollbar}; {block:ifUseMiniCursor}cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'), auto{/block:ifUseMiniCursor}}
  165.  
  166. ::-webkit-scrollbar-track-piece {background: #ffffff; border-top: 1pt solid #ffffff; border-bottom: 1pt solid #ffffff; width:4pt}{/block:ifNotUseNormalScrollbar}
  167.  
  168. {block:ifUseMiniCursor}
  169. html{ cursor:url('http://static.tumblr.com/7svvack/kl0mp1gfn/my_mouse.png'), auto }
  170.  
  171. a, a:hover { cursor:url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),auto}{/block:ifUseMiniCursor}
  172.  
  173. body {
  174. background: {color:background} url({image:Background});
  175. font-family: {font:Body};
  176. font-size: {text:font size}px;
  177. color: {color:Text};
  178. {select:Background Style}
  179. }
  180.  
  181. a {
  182. color: {color:Links};
  183. text-decoration: none;
  184. }
  185. a:hover {
  186. color: {color:Links Hover};
  187. text-decoration: none;
  188. }
  189.  
  190. * {
  191. -webkit-transition: all 500ms ease;
  192. -moz-transition: all 500ms ease;
  193. -ms-transition: all 500ms ease;
  194. -o-transition: all 500ms ease;
  195. transition: all 500ms ease;
  196. margin: 0px;
  197. }
  198.  
  199. #posts {
  200. width: 520px;
  201. padding-left:225px;
  202. margin-top: 5px;
  203. }
  204.  
  205. .post {
  206. width: 500px;
  207. margin: 5px;
  208. text-align: left;
  209. {block:ifNotTransparentPosts}background: {color:Posts Bg};{/block:ifNotTransparentPosts}
  210. padding: 5px;
  211. }
  212.  
  213. .post img {
  214. max-width: 100%;
  215. }
  216.  
  217. .audio_player iframe {
  218. width: 100%;
  219. height: 60px;
  220. }
  221.  
  222. .chat .line {
  223. padding: 5px;
  224. border: 1px solid rgba(0,0,0,.1);
  225. border-top: 0px;
  226. }
  227. .chat .line:first-child {
  228. border-top: 1px solid rgba(0,0,0,.1);
  229. }
  230.  
  231. .chat .line.even {
  232. background: rgba(0,0,0,.01);
  233. }
  234.  
  235. .label {
  236. font-weight: bold;
  237. }
  238.  
  239. .reblogg {
  240. font-size: 9px;
  241. font-family: "Strait";
  242. margin: -5px;
  243. margin-top: 5px;
  244. letter-spacing: 1px;
  245. text-align: center;
  246. padding: 5px;
  247. color: {color:Tags and info};
  248. background: {color:Tags and info Bg};
  249. opacity: 1;
  250. }
  251.  
  252. .reblogg a {
  253. color: {color:Tags and info};
  254. }
  255.  
  256. .reblogg a:hover {
  257. color: {color:Tags and info hover};
  258. }
  259.  
  260. .reblogg:hover {
  261. opacity: .9;
  262. }
  263.  
  264. .ralsir{
  265. float: right;
  266. }
  267.  
  268. .title {
  269. font-size: 130%;
  270. }
  271.  
  272. blockquote {
  273. margin-left:5px;
  274. border-left: 3px solid {color:Blockquotes};
  275. padding-left:5px;
  276. }
  277.  
  278. .tags {
  279. text-align: left;
  280. clear: both;
  281. }
  282. .va {
  283. width: 1px;
  284. height: 100%;
  285. display: inline-block;
  286. vertical-align: middle;
  287. }
  288.  
  289.  
  290. .sym {
  291. font-family: "General Store";
  292. margin-right: 5px;
  293. display: inline-block;
  294. }
  295.  
  296. .unos {
  297. float: left;
  298. text-transform: uppercase;
  299. }
  300.  
  301. .like_button {position:relative; display:inline-block;
  302. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important; }
  303. #oh {}
  304. .like_button iframe {position:absolute; top:0; left:0; width:100%;
  305. height: 15px;
  306. opacity: 0;
  307. margin-top: -3px;
  308. z-index: 5;
  309.  
  310. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;}
  311. .like_button::before {content:'j'; font-family:'general store'!important; text-transform:lowercase!important; position:relative; font-size:8px; z-index:3;
  312. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer !important;}
  313. .like_button:hover:before, .like_button.liked:before {color:#ff0000;
  314. cursor:{block:ifUseMiniCursor}url('http://static.tumblr.com/7svvack/XBTmp1gg7/my_hover.png'),{/block:ifUseMiniCursor} pointer!important;
  315. }
  316.  
  317. .rebloggit:hover {
  318. color: green;
  319. }
  320.  
  321. .minjs {
  322. height: 0px;
  323. clear: both;
  324. width: 100%;
  325. }
  326.  
  327.  
  328. .asker img{
  329. height: 55px;
  330. float:left;
  331. margin: 5px;
  332. border: 1px {color:Posts Bg} solid;
  333. }
  334.  
  335. .arrow_box {
  336. background: {color:Tags and info bg};
  337. padding: 5px;
  338. color: {color:Tags and info};
  339.  
  340. }
  341.  
  342. .askername {
  343. font-size: 12px;
  344. font-family: pathway gothic one;
  345. letter-spacing: 1px;
  346. text-transform: uppercase;
  347. padding-top: 9px;
  348. }
  349.  
  350. .answer {
  351. clear:both;
  352. }
  353.  
  354. /*START IMPALA*/ #thingy { position: fixed; bottom: 10px; width: 354px; left: 50%; right: 50%; margin-left: -500px; } #trunky { width: 260px; position: relative; bottom: -55px; margin-bottom: 5px; z-index: 6; margin-left: 45px; min-height: 145px; border-bottom: 0; overflow: hidden; } #trunk { width: 245px; background: {color:Impala}; border: 2px solid #fff; opacity: 0; padding: 5px; position: relative; bottom: -305px; z-index: 6; min-height: 145px; border-bottom: 0; } #thingy:hover #trunk { opacity: 1; bottom: -4px; } #desc { width: 160px; text-align: center; display: inline-block; padding: 5px; background: {color:Description bg}; font-size: smaller; text-align: justify; color:{color:Description text}; margin-left: 75px; min-height: 135px; } img#miniscle { width: 70px; position:absolute; top: 80px; left: 5px; } img#portrait { width: 70px; position:absolute; top: 5px; left: 5px; } #uno { height: 0px; width: 200px; border: transparent 50px solid; border-top: 0px transparent; position:relative; z-index: 3; border-bottom:{color:Impala} 100px solid; } #unorep { margin-top: -95px; margin-left: 15px; height: 0px; width: 190px; border: transparent 40px solid; border-bottom:#ffffff 90px solid; border-top: 0px transparent; z-index: 4; position:relative; } #unobor { height: 0px; width: 204px; margin-left: -8px; border: transparent 56px solid; border-bottom:#ffffff 110px solid; border-top: 0px transparent; margin-bottom: -107px; z-index: 2; position:relative; } #agentsofshield { height: 50px; overflow: hidden; margin-left: 25px; margin-bottom: -2px; position: relative; z-index: 5; } #dos { width: 350px; background: {color:Impala}; height: 100px; -webkit-border-radius: 30px 30px 10px 10px; border-radius: 30px 30px 10px 10px; border: 2px solid #ffffff; } #dosmos { background: {color:Impala}; height: 25px; width: 366px; -webkit-border-radius: 0px 0px 0px 90px; border-radius: 0px 0px 0px 90px; border: 2px solid #ffffff; border-top:0; } #dosmosdos{ width: 366px; height: 10px; background: {color:Impala}; -webkit-border-radius: 90px 0px 0px 0px; border-radius: 90px 0px 0px 0px; border: 2px solid #ffffff; border-bottom:0; } #tresmos { background: {color:Impala}; height: 25px; width: 366px; -webkit-border-radius: 0px 0px 90px 0px; border-radius: 0px 0px 90px 0px; border: 2px solid #ffffff; border-top:0; margin-left: -362px; } #tresmosdos{ width: 366px; height: 10px; background: {color:Impala}; margin-left: -362px; -webkit-border-radius: 0px 90px 0px 0px; border-radius: 0px 90px 0px 0px; border: 2px solid #ffffff; border-bottom:0; } #ohss { width: 8px; overflow:hidden; margin-left: -8px; } #ohssoh { width: 8px; overflow:hidden; margin-left: 350px; margin-top:-39px; } #thingy table { border-collapse:collapse; } #thingy td { border: 3px solid #ffffff; width: 25px; color: transparent; background: {color:Impala}; font-size: 2px; } #hysteria table { -moz-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-box-shadow: 16px 14px 10px -12px {color:Impala}; box-shadow: 16px 14px 10px -12px {color:Impala}; margin-top: -2px; } #hysteria{ overflow: hidden; height: 33px; display: inline-block; margin-right: -2px; position: relative; z-index: 4; } #hysterias table { -moz-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-box-shadow: 16px 14px 10px -12px {color:Impala}; box-shadow: 16px 14px 10px -12px {color:Impala}; margin-top: -2px; } #hysterias{ overflow: hidden; height: 33px; display: inline-block; margin-left: -5px; position: relative; z-index: 4; } #headlighteruno{ border-radius: 20px; border: 2px #ffffff solid; background: #ffffff; display: inline-block; margin-right: -28px; margin-top: -2px; position: relative; z-index: 300; vertical-align: top; } #headlighteruno div { width: 25px; height: 25px; display: inline-block; -webkit-border-radius: 30px; border-radius: 30px; border: 2px {color:Impala} solid; background: #ffffff; } #headlighteruno div:first-child { margin-right: -2px; } #headlighterdos{ border-radius: 20px; border: 2px #ffffff solid; background: #ffffff; display: inline-block; margin-left: -28px; margin-top: -2px; position: relative; z-index: 300; vertical-align: top; } #headlighterdos div { width: 25px; height: 25px; display: inline-block; -webkit-border-radius: 30px; border-radius: 30px; border: 2px {color:Impala} solid; background: #ffffff; } #headlighterdos div:first-child { margin-right: -2px; } #masshysteria { margin-left: -1px; width: 321px; font-size: 17px; margin-top: 25px; padding-left: 16px; padding-right: 16px; margin-bottom: -36px text-align: center; border-top: 7px solid #ffffff;-webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; } #thingy:hover .h div { background: {color:Headlights}; -webkit-box-shadow: 0px 0px 30px -2px {color:Headlights}; box-shadow: 0px 0px 30px -2px {color:Headlights}; } #cease { margin-top: -13px; position: relative; z-index: 2; margin-left: 65px; margin-right: 70px; opacity: .9; -webkit-box-shadow: 0px 10px 10px 5px {color:Impala}; box-shadow: 0px 10px 10px 5px {color:Impala}; } #burrows { height: 0; border-top: 30px solid #ffffff; width: 280px; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-left: 32px; margin-top: -40px; } #thebar { height: 10px; width: 270px; background: {color:Impala}; -webkit-border-radius: 90px; border-radius: 90px; margin-top: -15px; margin-left: 5px; } #those { margin-top: -10px; } #hella { width: 60px; height: 22px; background: #ffffff; border: 1px solid {color:Impala}; text-align: center; padding-bottom: 2px;-webkit-border-radius: 0px 0px 05px 05px; border-radius: 0px 0px 5px 05px; font-family: 'Economica', sans-serif; margin-left: 110px; margin-top: -13px; position:relative; z-index: 10; -webkit-box-shadow: inset 0px 0px 10px 0px {color:Impala}; box-shadow: inset 0px 0px 10px 0px {color:Impala}; } #kanz { font-size: 7px; color: #000; } #kaz { font-weight: bold; color: #000; font-size: 18px;margin-top: -3px; } #tireuno { -webkit-border-radius: 0px 0px 90px 90px; border-radius: 0px 0px 90px 90px; width: 45px; height: 40px; background: {color:Impala}; border: #ffffff solid 2px; border-top: 0px; margin-right: 85px; display:inline-block; } #tiredos { -webkit-border-radius: 0px 0px 90px 90px; border-radius: 0px 0px 90px 90px; width: 45px; height: 40px; background: {color:Impala}; border: #ffffff solid 2px; border-top: 0px; margin-left: 85px; display:inline-block; } #tire { margin-top: 8px; margin-left: 40px; } #overtrunk { position: relative; z-index: 4; } {block:ifNotCircleSidebar}{block:ifSidebarImage}#animage img{ width: 200px;background: #fff; z-index: 1;bottom: 300px;margin-left: 75px;border: 2px solid #fff;position: absolute;}{/block:ifSidebarImage}{/block:ifNotCircleSidebar}{block:ifCircleSidebar}{block:ifSidebarImage}#animage { width: 350px; height: 350px; background: #fff; -webkit-border-radius: 350px; border-radius: 350px; z-index: 1; background: url("{image:Sidebar}"); background-size: 100% 100%; margin-top: -300px;border: 2px solid #fff;position: absolute;}{/block:ifSidebarImage}{/block:ifCircleSidebar} #blogtitle {text-align: center; font-size: 22px; font-family: "Port Lligat Slab";font-variant: small-caps; text-transform: none; color:{color:Blog Title}; position:absolute; margin: 5px; margin-left: 50px;width: 200px;z-index:100; height: 50px;} #pagelinks a { font-size: 16px; padding: 5px; color: {color:Navi Links}; display: inline-block; font-family: "Balthazar"; text-transform: uppercase;} #pagelinks a:hover {opacity: .8;} .current_page{ opacity: .7; font-size: 16px;padding: 5px; color: {color:Navi Links}; display: inline-block;font-family: "Balthazar"; text-transform: uppercase;} #pagelinks { margin-top:-55px; } #links { width: 350px; position: absolute; text-align:center; padding: 5px; opacity: 0; } #thingy:hover #links { opacity: 1; } #links a { color: {color:sidebar links}; font-family: "Balthazar"; text-transform: uppercase; }
  355. .vc {
  356. display: inline-block;
  357. width: 198px;
  358. vertical-align: middle;
  359. line-height: 20px;
  360. }
  361. #sub {
  362. font-family:"Iceberg";
  363. }
  364. /*END IMPALA*/
  365. ol,ul {
  366. padding: 0;
  367. list-style: inside;
  368. }
  369.  
  370.  
  371. ol.notes {
  372. padding: 0px;
  373. list-style-type: none;=
  374. }
  375.  
  376. ol.notes li.note {
  377. padding: 5px;
  378. background: rgba(125,125,125,0.05);
  379. border: 1px solid rgba(125,125,125,0.1);
  380. margin: 10px;
  381. }
  382.  
  383. ol.notes li.note:nth-child(odd) {
  384. margin-right: 30px;
  385. }
  386.  
  387. ol.notes li.note img.avatar {
  388. vertical-align: -4px;
  389. width: 16px;
  390. height: 16px;
  391. }
  392.  
  393. ol.notes li.note span.action {
  394. }
  395.  
  396. ol.notes li.note .answer_content {
  397. font-weight: normal;
  398. }
  399.  
  400. ol.notes li.note blockquote {
  401. display: inline-block;
  402. margin: 3px;
  403. }
  404.  
  405. {CustomCss}
  406. </style>
  407.  
  408.  
  409. <link href='http://fonts.googleapis.com/css?family=Passero+One|Squada+One|Pathway+Gothic+One|Strait|Iceberg|Special+Elite|Port+Lligat+Slab|Balthazar|Economica' rel='stylesheet' type='text/css'>
  410. <meta name="if:White Credit" content="0"> <link href='http://fonts.googleapis.com/css?family=Squada+One' rel='stylesheet' type='text/css'>{block:ifNotWhiteCredit}<link type="text/css" rel="stylesheet" href="http://static.tumblr.com/iwxqvyr/EkKmrd769/blackcredit.css">{/block:ifNotWhiteCredit} {block:ifWhiteCredit}<link type="text/css" rel="stylesheet" href="http://static.tumblr.com/iwxqvyr/Y8amrd9tl/whitecredit.css">{/block:ifWhiteCredit}
  411. </head>
  412. <body>
  413.  
  414. <a href="http://foomthemes.tumblr.com"><div id="credit"> <nobr><div id="foom">FOOM</div>THEMES</nobr> </div></a>
  415.  
  416. <img id="cursor" src="{image:Cursor}" />
  417.  
  418. <!--START IMPALA--><div id="thingy"> <div id="trunky"><div id="trunk"><img id="portrait" src="{portraitURL-128}">{block:ifAntiPossession}<img id="miniscle" src="http://24.media.tumblr.com/a0913bb8cc4d74091647ee12d0e34845/tumblr_mfik2nkGrZ1r19lyfo1_400.jpg">{/block:ifAntiPossession}<div id="desc">{description}</div></div></div><div id="animage">{block:ifNotCircleSidebar}<img src="{image:Sidebar}">{/block:ifNotCircleSidebar}</div> <div id="agentsofshield"> <div id="blogtitle"><div class="va"></div><div class="vc">{block:ifNotBlogTitle}{title}{/block:ifNotBlogTitle}{block:ifBlogTitle}{text:Blog title}{/block:ifBlogTitle}<div id="sub">{text:Subtitle}</div></div><div class="va"></div></div> <div id="unobor"></div> <div id="uno"></div> <div id="unorep"></div> </div> <div id="overtrunk"> <div id="links">{block:ifHome}<a href="/">HOME</a>{/block:ifHome} {block:AskEnabled}{block:ifAsk}<a href="/ask">{text:ask}</a>{/block:ifAsk}{/block:AskEnabled} {block:SubmissionsEnabled}{block:ifSubmit}<a href="/submit">{text:Submit}</a>{/block:ifSubmit}{/block:SubmissionsEnabled} {block:ifArchive}<a href="/archive">{text:archive}</a>{/block:ifArchive} {block:ifRandomLink}<a href="random">Random</a>{/block:ifRandomLink}{block:HasPages}{block:pages} <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  419.  
  420. </div><div id="dos"> <div id="masshysteria"> <div id="headlighteruno" class="h"><div></div><div></div></div> <div id="hysteria"><table border="1"><tr><td>I</td><td></td><td></td><td></td></tr> <tr><td>I</td><td></td><td></td><td></td></tr> <tr><td>I</td><td></td><td></td><td></td></tr> <tr><td>I</td><td></td><td></td><td></td></tr></table></div> <div id="hysterias"><table><tr><td>I</td><td></td><td></td><td></td></tr> <tr><td>I</td><td></td><td></td><td></td></tr> <tr><td>I</td><td></td><td></td><td></td></tr> <tr><td>I</td><td></td><td></td><td></td></tr></table></div> <div id="headlighterdos" class="h"><div></div><div></div></div> <div id="cease"><table><tr><td>I</td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td>I</td><td></td><td></td><td></td><td></td><td></td></tr></table></div> </div> <div id="those"> <div id="ohss"><div id="dosmosdos"></div> <div id="dosmos"></div></div> <div id="ohssoh"><div id="tresmosdos"></div> <div id="tresmos"></div></div> </div> </div> <div id="burrows"> <div id="thebar"></div> <div id="hella"> <div id="ohnono"> <div id="kanz">KANSAS</div> <div id="kaz">KAZ 2Y5</div> </div> </div> </div> <div id="tire"><div id="tireuno"></div><div id="tiredos"></div></div> <center>{block:Pagination}<div id="pagelinks"><br>{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:Pagination}</div></center></div><!--END IMPALA-->
  421.  
  422. <center>
  423. <div id="posts">
  424. {block:Posts}
  425. <div class="post">
  426. {block:Answer}
  427. <div class="asker"><img src="{AskerPortraitURL-128}"/></div>
  428. <div class="askername"><nobr>{Asker}</nobr></div>
  429. <div class="arrow_box"><strong>{Question}</strong></div>
  430. <div class="answer">
  431. {Answer}
  432. </div>
  433. {/block:Answer}
  434.  
  435. {block:Text}
  436. {block:Title}
  437. <div class="title">{Title}</div>
  438. {/block:Title}
  439.  
  440. <div class="caption">{Body}</div>
  441. {/block:Text}
  442. {block:Photo}
  443. {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  444.  
  445. {block:Caption}
  446. <div class="caption">{Caption}</div>
  447. {/block:Caption}
  448. {/block:Photo}
  449.  
  450. {block:Panorama}
  451. {LinkOpenTag}
  452. <center><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></center>
  453. {LinkCloseTag}
  454.  
  455. {block:Caption}
  456. <div class="caption">{Caption}</div>
  457. {/block:Caption}
  458. {/block:Panorama}
  459.  
  460. {block:Photoset}
  461. <center>{Photoset-500}</center>
  462.  
  463. {block:Caption}
  464. <div class="caption">{Caption}</div>
  465. {/block:Caption}
  466. {/block:Photoset}
  467. {block:Quote}
  468. <center><div class="title">"{Quote}"</div>
  469.  
  470. {block:Source}
  471. <div class="source">{Source}</div>
  472. {/block:Source}</center>
  473. {/block:Quote}
  474.  
  475. {block:Link}
  476. <a href="{URL}" {Target}><div class="title">{Name}</div></a>
  477.  
  478. {block:Description}
  479. <div class="caption">{Description}</div>
  480. {/block:Description}
  481. {/block:Link}
  482.  
  483. {block:Chat}
  484. {block:Title}
  485. <div class="title">{Title}</div>
  486. {/block:Title}
  487. <div class="chat">
  488. {block:Lines}
  489. <div class="{Alt} user_{UserNumber} line">
  490. {block:Label}
  491. <span class="label">{Label}</span>
  492. {/block:Label}
  493. {Line}
  494. </div>
  495. {/block:Lines}
  496. </div>
  497. {/block:Chat}
  498.  
  499. {block:Video}
  500. {Video-500}
  501.  
  502. {block:Caption}
  503. <div class="caption">{Caption}</div>
  504. {/block:Caption}
  505. {/block:Video}
  506.  
  507. {block:Audio}
  508. {AudioPlayerWhite}
  509.  
  510. {block:Caption}
  511. <div class="caption">{Caption}</div>
  512. {/block:Caption}
  513. {/block:Audio}
  514.  
  515. {block:Date}<div class="reblogg">
  516.  
  517. <div class="ralsir"><a href="{ReblogURL}" class="sym rebloggit" title="Reblog">d</a>
  518. <div style="margin-top:-10px; margin-left:30px;" id="oh"><a title="like this post">{LikeButton color="grey" size="10"}</a></div></div>
  519. <div class="unos">
  520. <a href="{permalink}">{12Hour}:{minutes}{AMPM} | {monthNumber}/{DayOfMonth}/{shortyear}</a>
  521. |
  522. <a href="{Permalink}" >{NoteCountWithLabel}</a>
  523. {block:RebloggedFrom}|
  524. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  525. {/block:RebloggedFrom}
  526. {block:ContentSource}|
  527. <a href="{SourceURL}" title="{SourceTitle}">SOURCE</a>
  528. {/block:ContentSource}
  529. </div>
  530. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" style="text-transform:none;">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  531. <div class="minjs"></div>
  532. </div></div>
  533. {block:PostNotes}<div class="post">{PostNotes}</div>{/block:PostNotes}{/block:Date}
  534.  
  535. {/block:Posts}
  536. </div></center>
  537. </body>
  538. </html>
Advertisement
Add Comment
Please, Sign In to add comment