API tools faq
paste
Advertisement
lostmemento

→ Hiatus Page

lostmemento
Dec 16th, 2012
9,226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!--------------------------------------------
  4. HIATUS PAGE
  5. MADE BY: http://lostmemento.tumblr.com (lmthemes)
  6. ---------------------------------------------
  7.  
  8. TERMS OF USAGE:
  9. - DO NOT REMOVE THE CREDIT
  10. - DO NOT REDISTRIBUTE
  11. - DO NOT CLAIM AS YOUR OWN
  12. - DO NOT USE AS A BASE
  13.  
  14. --------------------------------------------->
  15.  
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  23.  
  24.  
  25. <script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/QiXmewja2/jquery.min.js"></script>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed' rel='stylesheet' type='text/css'>
  28.  
  29. <!--------------------------------------------
  30. IMAGES
  31. --------------------------------------------->
  32.  
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:Main" content=""/>
  35.  
  36. <!--------------------------------------------
  37. DEFAULTS
  38. --------------------------------------------->
  39.  
  40. <meta name="if:Links Right" content="0"/>
  41. <meta name="if:Background No Repeat" content="0"/>
  42. <meta name="if:Background Fixed" content="0"/>
  43.  
  44. <!--------------------------------------------
  45. COLORS
  46. --------------------------------------------->
  47.  
  48. <meta name="color:Scrollbar Background" content="#101010"/>
  49. <meta name="color:Scrollbar" content="#f73e5c"/>
  50.  
  51. <meta name="color:Background" content="#ffffff"/>
  52. <meta name="color:Font Color" content="#777777"/>
  53. <meta name="color:Accent" content="#f73e5c"/>
  54. <meta name="color:Links" content="#bbbbbb"/>
  55. <meta name="color:Link Hover" content="#fcfcfc"/>
  56. <meta name="color:Border" content="#f8f8f8"/>
  57.  
  58. <meta name="color:Hover Boxes Background" content="#ffffff"/>
  59.  
  60. <!--------------------------------------------
  61. FONTS & SIZES
  62. --------------------------------------------->
  63.  
  64. <meta name="text:Font" content="Calibri"/>
  65. <meta name="text:Secondary Font" content="Open Sans Condensed"/>
  66.  
  67. <meta name="text:Title Font Size" content="40px"/>
  68. <meta name="text:Font Size" content="11px"/>
  69. <meta name="text:Link Font Size" content="8px"/>
  70. <meta name="text:Heading Font Size" content="11px"/>
  71.  
  72. <!--------------------------------------------
  73. MISC
  74. --------------------------------------------->
  75.  
  76. <meta name="text:Background Position" content=""/>
  77.  
  78. <meta name="text:Hover Box Opacity" content="0.9"/>
  79.  
  80. <meta name="text:Letter Spacing" content="2px"/>
  81.  
  82. <meta name="text:Hiatus Title" content="HIATUS"/>
  83.  
  84. <meta name="text:Tab1 Name" content="Tab 1"/>
  85. <meta name="text:Tab1 URL" content=""/>
  86. <meta name="text:Tab2 Name" content="Tab 2"/>
  87. <meta name="text:Tab2 URL" content=""/>
  88. <meta name="text:Tab3 Name" content="Tab 3"/>
  89. <meta name="text:Tab3 URL" content=""/>
  90. <meta name="text:Tab4 Name" content="Tab 4"/>
  91. <meta name="text:Tab4 URL" content=""/>
  92.  
  93. <style type="text/css">
  94. body{font-family: {text:Font};
  95. font-size: 0.9em;
  96. margin:0px;
  97. padding:0px;
  98. background-color: {color:Background};
  99. color: {color:Font Color};
  100. background-image: url('{image:Background}');
  101. {block:IfBackgroundNoRepeat}background-repeat: no-repeat;{/block:IfBackgroundNoRepeat}
  102. {block:IfBackgroundFixed}background-attachment: fixed;{/block:IfBackgroundFixed}
  103. {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}}
  104.  
  105. a {text-decoration:none;
  106. transition-duration: 0.6s;
  107. -moz-transition-duration: 0.6s;
  108. -webkit-transition-duration: 0.6s;
  109. -o-transition-duration: 0.6s;}
  110.  
  111. a:hover {transition-duration: 0.6s;
  112. -moz-transition-duration: 0.6s;
  113. -webkit-transition-duration: 0.6s;
  114. -o-transition-duration: 0.6s;}
  115.  
  116. a img, img {border: 0px;}
  117.  
  118. img {margin-bottom: -4px;}
  119.  
  120. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scrollbar}; height: 10px;}
  121. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scrollbar}; height:10px!important;}
  122. ::-webkit-scrollbar {background-color: {color:Scrollbar Background}; height:10px; width:5px;}
  123.  
  124. #container {width: 730px;
  125. margin: auto;
  126. position: relative;
  127. margin-top: 100px;}
  128.  
  129. #right {{block:IfLinksRight}right: 0px;{/block:IfLinksRight}
  130. position: absolute;
  131. padding: 0px 20px;
  132. font-size: {text:Title Font Size};
  133. line-height: 110%;
  134. color: {color:Accent};
  135. width: 150px;
  136. {block:IfNotLinksRight}text-align: right;{/block:IfNotLinksRight};
  137. font-family: '{text:Secondary Font}';}
  138.  
  139. .llinks {margin-top: 20px;}
  140.  
  141. .llinks a {display: block;
  142. font-size: {text:Link Font Size};
  143. color: {color:Links};
  144. border-bottom: 1px solid {color:Border};
  145. letter-spacing: {text:Letter Spacing};
  146. padding: 0px 20px;
  147. background-color: {color:Background};
  148. text-transform: uppercase;}
  149.  
  150. .llinks a:hover {background-color: #fcfcfc; color: {color:Accent};}
  151.  
  152. .blinks {font-size: {text:Link Font Size};
  153. letter-spacing: {text:Letter Spacing};
  154. color: {color:Links};
  155. border-bottom: 1px solid {color:Border};
  156. padding: 0px 20px;}
  157.  
  158. .blinks a {color: {color:Links};}
  159.  
  160. .blinks a:hover {color: {color:Accent};}
  161.  
  162. .left {width: 500px;
  163. {block:IfLinksRight}border-right: 1px solid {color:Border}; {/block:IfLinksRight}
  164. {block:IfNotLinksRight}border-left: 1px solid {color:Border}; {/block:IfNotLinksRight}
  165. padding: 0px 20px;
  166. height: 500px;
  167. {block:IfNotLinksRight}
  168. right: 0px;
  169. position: absolute;
  170. {/block:IfNotLinksRight}}
  171.  
  172. #side {background-color: {color:Accent}; color: {color:Background};}
  173.  
  174. #side:hover {background-color: #000; color: {color:Background};}
  175.  
  176. .a {block:IfTab2Name},.b{/block:IfTab2Name} {block:IfTab3Name},.c{/block:IfTab3Name} {block:IfTab4Name},.d{/block:IfTab4Name}
  177. {display: none;
  178. position: absolute;
  179. z-index: 5;
  180. width: 450px;
  181. padding: 10px;
  182. margin: 15px;
  183. height: 450px;
  184. max-height: 450px;
  185. overflow: auto;
  186. background-color: {color:Hover Boxes Background};
  187. font-size: {text:Font Size};
  188. text-align: justify;
  189. opacity: {text:Hover Box Opacity};}
  190.  
  191. {block:IfTab2URL}
  192. .b {opacity: 0.0;}
  193. {/block:IfTab2URL}
  194.  
  195. {block:IfTab3URL}
  196. .c {opacity: 0.0;}
  197. {/block:IfTab3URL}
  198.  
  199. {block:IfTab4URL}
  200. .d {opacity: 0.0;}
  201. {/block:IfTab4URL}
  202.  
  203.  
  204. li {list-style: square; margin-right: 30px;}
  205.  
  206. h1 {color: {color:Accent};
  207. font-size: {text:Heading Font Size};
  208. font-weight: normal;
  209. padding: 5px 10px;
  210. letter-spacing: {text:Letter Spacing};
  211. margin: 0px;
  212. text-transform: uppercase;
  213. font-family: '{text:Secondary Font}';}
  214.  
  215. h1 a, .a a, .b a, .c a, .d a {color: {color:Accent};}
  216.  
  217. {CustomCSS}
  218. </style>
  219. </head>
  220.  
  221. <body>
  222.  
  223.  
  224. <div id="container">
  225.  
  226. <div id="right">
  227. {text:Hiatus Title}
  228. <div class="llinks">
  229. {block:IfTab1Name}<a href="{block:IfNotTab1URL}#{/block:IfNotTab1URL}{block:IfTab1URL}{text:Tab1 URL}{/block:IfTab1Url}">{text:Tab1 Name}</a>{/block:IfTab1Name}
  230. {block:IfTab2Name}<a href="{block:IfNotTab2URL}#{/block:IfNotTab2URL}{block:IfTab2URL}{text:Tab2 URL}{/block:IfTab2Url}">{text:Tab2 Name}</a>{/block:IfTab2Name}
  231. {block:IfTab3Name}<a href="{block:IfNotTab3URL}#{/block:IfNotTab3URL}{block:IfTab3URL}{text:Tab3 URL}{/block:IfTab3Url}">{text:Tab3 Name}</a>{/block:IfTab3Name}
  232. {block:IfTab4Name}<a href="{block:IfNotTab4URL}#{/block:IfNotTab4URL}{block:IfTab4URL}{text:Tab4 URL}{/block:IfTab4Url}">{text:Tab4 Name}</a>{/block:IfTab4Name}
  233. </div>
  234. <div class="blinks"><a href="http://tumblr.com">&#8592; DASHBOARD</a></div>
  235. </div>
  236.  
  237. <div class="left">
  238.  
  239. <div class="a">
  240. <h1>THIS IS A TITLE</h1>
  241. This is where you write stuff for tab 1.</p>
  242. </div>
  243.  
  244.  
  245. {block:IfTab2Name}
  246. <div class="b">
  247. {block:IfTab2URL}{/block:IfTab2URL}
  248. {block:IfNotTab2URL}
  249. This is where you put stuff for tab 2.
  250. {/block:IfNotTab2URL}
  251. </div>
  252. {/block:IfTab2Name}
  253.  
  254. {block:IfTab3Name}
  255. <div class="c">
  256. {block:IfTab3URL}{/block:IfTab3URL}
  257. {block:IfNotTab3URL}
  258. This is where you put stuff for tab 3.
  259. {/block:IfNotTab3URL}
  260. </div>
  261. {/block:IfTab3Name}
  262.  
  263.  
  264. {block:IfTab4Name}
  265. <div class="d">
  266. {block:IfTab4URL}{/block:IfTab4URL}
  267. {block:IfNotTab4URL}
  268. This is where you put stuff for tab 4.
  269. {/block:IfNotTab4URL}
  270. </div>
  271. {block:IfTab4Name}
  272.  
  273. <img src="{image:Main}">
  274. </div></div>
  275.  
  276. <script>
  277. $('.left div').hide();
  278.  
  279. $('.llinks a').click(function() {
  280. console.log($(this).index('a'));
  281. var $div = $('.left > div').eq($(this).index('.llinks a'));
  282. $div.fadeToggle("slow", "linear");
  283. $('.left > div').not($div).hide();
  284. });
  285.  
  286.  
  287. </script>
  288. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!