Advertisement
SeoulChan

Eyepatch : Hiatus Page (fixed)

Feb 14th, 2015
935
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Lua 8.78 KB | None | 0 0
  1. <!----
  2.  _         _             _    
  3. | |       (_)           | |  
  4. | | ____ _ _  __ _ _   _| | __
  5. | |/ / _` | |/ _` | | | | |/ /
  6. |   < (_| | | (_| | |_| |   <
  7. |_|\_\__,_|_|\__, |\__,_|_|\_\
  8.               __/ |          
  9.              |___/
  10. Eyepatch: Hiatus theme by Kaiguk  (http://kaiguk.tumblr.com/)
  11.  
  12. Please don't claim , use as a base page, or fuck with anything like the credit because if you do..I'll slap the shit and piss out you.
  13.  
  14. Notify me if you have any questions or if something goes wrong. I will do my best to help you.
  15.  
  16. Happy using.
  17.  
  18. --->
  19. <!DOCTYPE html>
  20. <title>{Title}</title>
  21.  
  22. <link rel="shortcut icon" href="{Favicon}">
  23.  
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. {block:Description}<meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28.  
  29. <head>
  30.  
  31. <meta name="color:bold" content="#ff0000"/>
  32. <meta name="color:italic" content="#ff6666"/>
  33. <meta name="color:underline" content="#ffb2b2"/>    
  34. <meta name="color:Bg1" content="#000000"/>
  35. <meta name="color:Bg2" content="#ffffff"/>
  36. <meta name="color:Text" content="#ffffff"/>
  37. <meta name="color:Link" content="#666666"/>
  38. <meta name="color:Hover" content="#cccccc"/>
  39. <meta name="color:Desc bg" content="#000000"/>
  40. <meta name="color:Toplink" content="#000000"/>
  41. <meta name="color:Toplink bg" content="#e00707"/>
  42.  
  43. <meta name="image:Bg1" content="http://static.tumblr.com/10b25f58bfabe3db0ddc884ef9bb05c2/qenphfv/kOhnix55y/tumblr_static_d9tyxr1rrfso0cskg0ossgsck.png"/>
  44. <meta name="image:Bg2" content="http://static.tumblr.com/cedf38e002e84be49b2fecce42315018/qenphfv/6sCnj2n78/tumblr_static_co72gwm11jscooo0wwsww84sg.png"/>
  45. <meta name="image:Image" content="http://i926.photobucket.com/albums/ad102/My_originals_album/icons/yasss.png"/>
  46.  
  47. <meta name="text:link1" content="Link">
  48. <meta name="text:link1 url" content="/">
  49. <meta name="text:link2" content="Link">
  50. <meta name="text:link2 url" content="/">
  51. <meta name="text:link3" content="Link">
  52. <meta name="text:link3 url" content="/">
  53. <meta name="text:link4" content="Link">
  54. <meta name="text:link4 url" content="/">
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57.  
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("a[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:30,
  65. tip_fade_speed:300,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72. <style type="text/css">
  73.  
  74. /** --------------------------- SCROLLBAR ------------------------------**/
  75.  
  76. ::-webkit-scrollbar {
  77. width:2px;
  78. height:5px;
  79. background:#000;
  80. }
  81.  
  82. ::-webkit-scrollbar-corner {
  83. background:#ff0000;
  84. }
  85.  
  86. ::-webkit-scrollbar-thumb:vertical {
  87. background:#ff0000;
  88. }
  89.  
  90. ::-webkit-scrollbar-thumb:horizontal {
  91. background: #ff0000;
  92. border: 0px solid #ff0000;
  93. }
  94.  
  95. #ken {
  96. left:30%;
  97. position:fixed;
  98. }
  99.  
  100. /** --------------------------- WHOLE CUSTOMIZATION ------------------------------**/
  101.  
  102. body {
  103. background:{color:bg2};
  104. background-image: url('{image:bg2}');
  105. margin-left:5%;
  106. color:{color:text};
  107. font-family:courier;
  108. font-size:9.5px;
  109. line-height:130%;
  110. }
  111.  
  112. /** --------------------------- LINKS ------------------------------**/
  113.  
  114. a:link, a:active, a:visited{
  115. text-decoration:none;
  116. color:{color:link};
  117. -moz-transition-duration:0.5s;
  118. -webkit-transition-duration:0.5s;
  119. -o-transition-duration:0.5s;
  120. }
  121.  
  122. a:hover {
  123. color:{color:hover};
  124. -moz-transition-duration:0.5s;
  125. -webkit-transition-duration:0.5s;
  126. -o-transition-duration:0.5s;
  127. }
  128.  
  129. /** --------------------------- BOLD, ITALIC, UNDERLINED ------------------------------**/
  130.  
  131. b,strong{
  132. color:{color:bold};
  133. }
  134.  
  135. i,em{
  136. color:{color:italic};
  137. }
  138.  
  139. u{
  140. color:{color:underline};
  141. }
  142.  
  143. /** --------------------------- TOPBAR ------------------------------**/
  144.  
  145. #topbar{
  146. width:100%;
  147. height:200px;
  148. padding:30px;
  149. top:0px;
  150. left:0px;
  151. background:{color:bg1};
  152. background-image: url('{image:bg1}');
  153. position:fixed;
  154. }
  155.  
  156. /** --------------------------- TITLE ------------------------------**/
  157.  
  158. #title{
  159. width:500px;
  160. font-size:200px;
  161. margin-left:0px;
  162. margin-top:60px;
  163. color:#fff;
  164. letter-spacing:20px;
  165. position:fixed;
  166. }
  167.  
  168. /** --------------------------- TOPLINK BORDER ------------------------------**/
  169.  
  170. #top {
  171. width:100%;
  172. height:30px;
  173. background:{color:toplink bg};
  174. position:fixed;
  175. z-index:99999999;
  176. top:180px;
  177. left:0;
  178. }  
  179.  
  180. /** --------------------------- TOPLINKS ------------------------------**/
  181.  
  182. #toplinks {
  183. margin-top:10px;
  184. margin-left:35px;
  185. }
  186.  
  187. #toplinks a{
  188. font-size:25px;
  189. padding:3px;
  190. letter-spacing:2px;
  191. word-spacing:5px;
  192. color:{color:toplink};
  193. text-decoration:none;
  194. -moz-transition-duration:1s;
  195. -webkit-transition-duration:1s;
  196. -o-transition-duration:1s;
  197. }
  198.  
  199. #toplinks a:hover{
  200. color:{color:hover};
  201. -moz-transition-duration:1s;
  202. -webkit-transition-duration:1s;
  203. -o-transition-duration:1s;
  204. }
  205.  
  206. /** --------------------------- SIDE IMAGE ------------------------------**/
  207.  
  208. #image {
  209. width:200px;
  210. float:left;
  211. margin-left:100px;
  212. margin-top:290px;
  213. position:fixed;
  214. }
  215.  
  216. #image img {
  217. width:160px;
  218. height:190px;
  219. float:left;
  220. margin-left:-160px;
  221. margin-top:10px;
  222. position:fixed;
  223. -moz-transition-duration:0.5s;
  224. -webkit-transition-duration:0.5s;
  225. -o-transition-duration:0.5s;
  226. }
  227.  
  228. #image img:hover {
  229. border-radius: 100px 0 0 0;
  230. -moz-border-radius: 100px 0 0 0;
  231. -webkit-border-radius: 100px 0 0 100;
  232. -moz-transition-duration:0.5s;
  233. -webkit-transition-duration:0.5s;
  234. -o-transition-duration:0.5s;
  235. }
  236.  
  237. /** --------------------------- DESCRIPTION ------------------------------**/
  238.  
  239. #description {
  240. width:490px;
  241. height:60px;
  242. text-align:justify;
  243. text-transform:uppercase;
  244. padding:5px;
  245. margin-top:300px;
  246. margin-left:100px;
  247. letter-spacing:1px;
  248. background-color:{color:desc bg};
  249. font-style: italic;
  250. position:fixed;
  251. overflow:auto;
  252. }
  253.  
  254. /** --------------------------- CONTACT INFO ------------------------------**/
  255.  
  256. #contact {
  257. width:150px;
  258. height:70px;
  259. text-align:justify;
  260. text-transform:uppercase;
  261. padding:5px;
  262. margin-top:490px;
  263. margin-left:-60px;
  264. letter-spacing:1px;
  265. background-color:{color:desc bg};
  266. position:fixed;
  267. overflow:auto;
  268. }
  269.  
  270. /** --------------------------- ASK BOX ------------------------------**/
  271.  
  272. #ask {
  273. width:500px;
  274. margin-left:100px;
  275. margin-top:370px;
  276. font-style: italic;
  277. position:fixed;
  278. }
  279.  
  280. /** --------------------------- HOVER DESIGN ------------------------------**/
  281.  
  282. #s-m-t-tooltip{
  283. font-size:9.5px;
  284. position:absolute;
  285. margin-top: 15px;
  286. letter-spacing:1px;
  287. z-index:9999;
  288. background:#eee;
  289. color:#aaa;
  290. text-transform:uppercase;
  291. padding:2px 3px 2px 3px;
  292. }
  293.  
  294. /** --------------------------- NO TOUCHING ------------------------------**/
  295.  
  296. #ani {
  297. position:fixed;
  298. left:10px;
  299. bottom:10px;
  300. text-transform:uppercase;
  301. font-size:15px;
  302. letter-spacing:1px;
  303. padding:5px;
  304. -moz-transition-duration:0.5s;
  305. -webkit-transition-duration:0.5s;
  306. -o-transition-duration:0.5s;
  307. }
  308.  
  309. {CustomCSS}
  310.    
  311. </style>
  312. </head>
  313.  
  314.  
  315. <body>
  316.  
  317. <!----------------------------- TOPBAR -------------------------------->
  318. <div id="ken">
  319.  
  320. <div id="topbar">
  321.  
  322. <!----------------------------- TOPLINK BORDER -------------------------------->
  323. <div id="top">
  324. <!----------------------------- TOPLINKS -------------------------------->
  325.  
  326. <div id="toplinks">
  327.  
  328. <a href="/">Home</a>
  329.  
  330. <a href="/archive">Past</a>
  331.  
  332. <a href="/archive">Dash</a>
  333.  
  334. {block:IfLink1}
  335. <a href="{text:link1 url}">{text:link1}</a>
  336. {/block:IfLink1}
  337.  
  338. {block:IfLink2}
  339. <a href="{text:link2 url}">{text:link2}</a>
  340. {/block:IfLink2}
  341.  
  342. {block:IfLink3}
  343. <a href="{text:link3 url}">{text:link3}</a>
  344. {/block:IfLink3}
  345.  
  346. {block:IfLink4}
  347. <a href="{text:link4 url}">{text:link4}</a>
  348. {/block:IfLink4}
  349.  
  350. </div>
  351.  
  352. </div>
  353. <!----------------------------- TITLE -------------------------------->
  354.  
  355. <div id="title">Hiatus.</div>
  356. </div>
  357.  
  358. <!----------------------------- SIDE IMAGE -------------------------------->
  359.  
  360. <div id="image"><img src="{image:image}"></div>
  361.  
  362. <!----------------------------- DESCRIPTION -------------------------------->
  363.  
  364. <div id="description">{Description}</div>
  365.  
  366. <!----------------------------- ASK BOX -------------------------------->
  367.  
  368. <div id="ask">
  369.  
  370. <iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/your_url.tumblr.com" width="100%"></iframe></p>
  371.  
  372. </div>
  373. <!----------------------------- CONTACT INFO -------------------------------->
  374.  
  375. <div id="contact">
  376.  
  377. <div style="font-style:bold; font-size:11px;">Contact Info:</div>
  378.  
  379. <i>Contact</i>:Info here<br>
  380. <i>Contact:</i>:Info here<br>
  381. <i>Contact</i>:Info here<br>
  382.  
  383. </div>
  384.  
  385. <!----------------------------- NO TOUCHING -------------------------------->
  386.  
  387. <div id="ani">
  388.  
  389. <a href="http://kaiguk.tumblr.com/" title="page by Ani">KG</a>
  390.    
  391. </div>
  392.  
  393. </div>
  394.  
  395. </body>
  396.  
  397. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement