Advertisement
minimu

hurricane /tm4

Feb 25th, 2015
2,028
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.23 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9. <!---jcgged.tumblr.com
  10. --->
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="image:Header" content="#ffffff"/>
  14. <meta name="color:Text" content="#000000"/>
  15. <meta name="color:Hover" content="#f2f2f2"/>
  16. <meta name="color:Scrollbar" content="#000000"/>
  17. <meta name="color:ScrollbarBg" content="#ffffff"/>
  18. <meta name="color:Links" content="#000000"/>
  19. <meta name="color:Info Background" content="#f3f3f3"/>
  20. <meta name="color:Sidebar Background" content="#f3f3f3"/>
  21. <meta name="color:Answer Background" content="#000000"/>
  22. <meta name="image:Background" content=""/>
  23. <meta name="text:Caption" content="" />
  24. <meta name="text:Link 1 URL" content="" />
  25. <meta name="text:Link 2 URL" content="" />
  26. <meta name="text:Link 3 URL" content="" />
  27. <meta name="text:Link 4 URL" content="" />
  28.  
  29. <style type="text/css">
  30.  
  31. ::-webkit-scrollbar-thumb {
  32. height:auto;
  33. background-color:{color:Scrollbar};
  34. }
  35.  
  36. ::-webkit-scrollbar {
  37. height:9px;
  38. width:4px;
  39. background-color:{color:ScrollbarBg};
  40. }
  41.  
  42. body {
  43. background:{color:background};
  44. margin:0px;
  45. color:{color:text};
  46. font-family:arial;
  47. font-size:9px;
  48. line-height:150%;
  49. text-align:justify;
  50. }
  51.  
  52.  
  53. a {
  54. border-bottom: 1px solid #bababa;
  55. text-decoration:none;
  56. outline:none;
  57. word-wrap:break-word;
  58. -moz-outline-style:none;
  59. color:{color:Links};
  60. }
  61.  
  62. img {
  63. border:none;
  64. }
  65.  
  66. blockquote {
  67. padding-left:5px;
  68. margin-left:5px;
  69. border-left:1px solid #bababa;
  70. }
  71.  
  72. blockquote blockquote {
  73. padding-left:5px;
  74. border-left:2px solid;
  75. }
  76.  
  77.  
  78. a:hover {
  79. color:#000000;
  80. -moz-transition-duration:0.3s;
  81. -webkit-transition-duration:0.3s;
  82. -o-transition-duration:0.3s;
  83. }
  84.  
  85. small {font-size:9px;}
  86.  
  87. h1{font-size:20x;
  88. font-weight:bold;
  89. font-family:arial;
  90. text-transform:uppercase;
  91. line-height:110%;
  92. border:solid 1px #0b0b0b;
  93. padding:10px;
  94. font-style: bold}
  95.  
  96. h2{border:solid 1px white;
  97. text-shadow:1px 1px #5e5e5e;
  98. font-family:arial;
  99. margin-left:1px;
  100. font-size:10px;
  101. text-transform:uppercase;
  102. font-weight:bold;
  103. background-color:#ededed;
  104. padding:5px;
  105. text-align:center;
  106. word-wrap: break-word;
  107. color:white;}
  108.  
  109. h2 a{color:white;}
  110.  
  111. #background{
  112. position:fixed;
  113. right:0px;
  114. }
  115.  
  116. #bgimg {position:fixed;
  117. margin-top:80px;
  118. border:solid 4px white;
  119. margin-left:395px;}
  120.  
  121. /*ENTRIES*/
  122.  
  123. #entries {
  124. padding:10px;
  125. width:550px;
  126. position:fixed;
  127. margin-left:125px;
  128. z-index:9999;
  129. background-color:white;
  130. margin-top:140px;
  131. border:1px solid black;
  132. overflow:auto;
  133. overflow-x:hidden;
  134. height:390px;
  135. font-size:9px;
  136. line-height:150%;
  137. font-family:'arial';
  138. }
  139.  
  140. #post {
  141. width:500px;
  142. border:solid 1px #dcdddb;
  143. background-color:white;
  144. z-index:99;
  145. margin-left:-5px;
  146. color:black;
  147. margin-bottom:10px;
  148. padding:25px;
  149. margin-top:0px;
  150. }
  151.  
  152. #post:hover .tags{opacity:1;
  153. margin-top:-5px;
  154. margin-left:0px;
  155. }
  156. /*SIDEBAR*/
  157.  
  158. #sidebar {
  159. position:fixed;
  160. border-bottom:solid 2px white;
  161. width:437px;
  162. color:black;
  163. height:12px;
  164. text-align:center;
  165. font-family:arial;
  166. text-transform:uppercase;
  167. margin-top:110px;
  168. font-size:8px;
  169. color:white;
  170. overflow:hidden;
  171. padding:5px;
  172. z-index:99;
  173. background-color:black;
  174. margin-left:250px;
  175. }
  176.  
  177. #sidebar a{color:white;}
  178.  
  179. #links a:hover {
  180. -moz-transition-duration:0.5s;
  181. -webkit-transition-duration:0.5s;
  182. -o-transition-duration:0.5s;
  183. color:{color:Hover};
  184. }
  185.  
  186. #links a:hover{margin-left:0px;
  187. font-style:italic;}
  188.  
  189.  
  190. #title {
  191. text-align:center;
  192. top:5px;
  193. font-family:'arial';
  194. font-size:9px;
  195. font-weight:bold;
  196. padding:5px;
  197. position:relative;
  198. padding-bottom:5px;
  199. margin-bottom:10px;
  200. text-transform:uppercase;
  201. color:{color:Text};
  202. }
  203.  
  204. #header{font-size:13px;
  205. position:fixed;
  206. background-color:white;
  207. color:black;
  208. text-shadow:1px 1px #a0a0a0;
  209. z-index:99;
  210. text-transform:uppercase;
  211. font-family:arial;
  212. margin-top:110px;
  213. line-height:20px;
  214. width:120px;
  215. left:395px;
  216. text-align:center;
  217. font-weight:bold;
  218. padding:2px;
  219. }
  220.  
  221. #leftsidebar { width:100px;
  222. margin-left:270px;
  223. margin-top:50px;
  224. height:492px;
  225. position:fixed;}
  226.  
  227. /*LINKS*/
  228. #links{position:fixed;
  229. text-transform:uppercase;
  230. font-family:arial;
  231. font-weight:bold;
  232. width:50px
  233. background-color:#0b0b0b;
  234. z-index:-99999;
  235. margin-top:200px;
  236. font-size:8px;
  237. margin-left:100px;
  238. -moz-transition-duration:0.3s;
  239. -webkit-transition-duration:0.3s;
  240. -o-transition-duration:0.3s;
  241. overflow:hidden;
  242. text-align:left;
  243. }
  244.  
  245. #links:hover{height:300px;}
  246.  
  247. #links a{margin-right:5px;
  248. width:60px;
  249. border:1px solid black;
  250. margin-top:5px;
  251. color:black;
  252. padding:2px;
  253. padding-left:10px;
  254. display:inline-block;
  255. -moz-transition-duration:0.3s;
  256. -webkit-transition-duration:0.3s;
  257. -o-transition-duration:0.3s;
  258. }
  259.  
  260. /*CHAT POSTS*/
  261. #chat{ padding:2px;
  262. margin-left:50px;
  263. margin-top:-1px;
  264. }
  265. /*POST INFO*/
  266.  
  267. #info {
  268. font-weight:bold;
  269. background-color:{color:info background};
  270. text-align:right;
  271. width:530px;
  272. padding:5px;
  273. font-family:'arial';
  274. margin-left:0px;
  275. margin-top:-20px;
  276. color:black;
  277. margin-left:-20px;
  278. font-size:9px;
  279. text-transform:uppercase;
  280. font-style:none;
  281. word-wrap:break-word;
  282. line-height:10px;
  283. color:{color:text};
  284. }
  285.  
  286. #info a {
  287. text-align:center;
  288. color:black;
  289. word-wrap:break-word;
  290. }
  291.  
  292. .tags {text-transform:none;
  293. color:{color:postbg};
  294. width:500px;
  295. opacity:0;
  296. word-wrap:break-word;
  297. margin-top:-20px;
  298. height:2px;
  299. margin-left:0px;
  300. font-size:8px;
  301. margin-bottom:5px;
  302. letter-spacing:1px;
  303. text-align:justify;
  304. -moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  305.  
  306.  
  307. .tags a {
  308. letter-spacing:0px;
  309. padding:2px;
  310. word-wrap:break-word;
  311. font-size:9px;
  312. text-align:center;
  313. font-family:'arial';
  314. text-decoration:none;
  315. color:black;
  316. }
  317.  
  318. #player {
  319. overflow:hidden;
  320. margin-top:5px;
  321. }
  322.  
  323. /*QUESTION*/
  324.  
  325. #asker {
  326. color:white;
  327. padding:15px;
  328. font-family:'arial';
  329. font-size:9px;
  330. letter-spacing:0px;
  331. text-align:right;
  332. margin-top:5px;
  333. text-transform:lowercase;
  334. line-height:100%;
  335. background-color:{color:Answer background};
  336. }
  337.  
  338. #asker a{color:{color:postbg};}
  339.  
  340. #url{color:{color:text};
  341. padding:4px;
  342. font-family:'arial';
  343. font-size:12px;
  344. font-weight:bold;
  345. text-align:left;
  346. margin-top:0px;
  347. text-transform:lowercase;
  348. line-height:100%;
  349. background-color:{color:info background};
  350. }
  351.  
  352. #url a{color:{color:Background}}
  353.  
  354. #pagination{background-color:black;
  355. padding:10px;
  356. margin-left:125px;
  357. margin-top:560px;
  358. text-align:right;
  359. position:fixed;
  360. color:white;
  361. width:553px;}
  362.  
  363. #pagination a{color:white;}
  364. /*CREDIT*/
  365.  
  366. #cred {
  367. position:fixed;
  368. font-family:consolas;
  369. font-size:8px;
  370. right:9px;
  371. bottom:9px;
  372. padding:4px;
  373. letter-spacing:1px;
  374. }
  375.  
  376.  
  377. {CustomCSS}</style></head><body>
  378. <div id="bgimg"><img src="{image:Header}"></div>
  379. <div id="leftsidebar"><div id="links">
  380. <a href="{text:Link 1 URL}"><span>I</a></span><br>
  381. <a href="{text:Link 2 URL}"><span>II</a></span><br>
  382. <a href="{text:Link 3 URL}"><span>III</a></span><br>
  383. <a href="{text:Link 4 URL}"><span>IV</a></span>
  384.  
  385. </div>
  386. <div id="header">{title} ; </div>
  387. <div id="sidebar">{description}<br>
  388. </div>
  389. <div id="pagination">{text:caption}{block:Pagination}
  390. {block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
  391. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  392. {/block:Pagination}</div>
  393.  
  394. <div id="entries">
  395. {block:Posts}
  396.  
  397. <div id="post">
  398. <div id="info">
  399. <div id="permalink">
  400. <a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</a>
  401. <a href="{SourceURL}">©</a>
  402. </a></div></div>
  403. {block:Text}
  404. {block:Title}<h1>{Title}</h1>{/block:Title}
  405. {Body}{/block:Text}
  406. {block:Photo}<br>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  407. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  408.  
  409. {block:Photoset}<br>{Photoset-500}{block:Caption}{Caption}
  410. {/block:Caption}{/block:Photoset}
  411.  
  412. {block:Quote}<h1>"{Quote}"</h1>
  413. {/block:Source}{/block:Quote}
  414.  
  415. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  416.  
  417. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div id="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  418.  
  419. {block:Audio}
  420. <div id= "player">{block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  421. </div>
  422. {/block:Audio}
  423.  
  424. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  425.  
  426. {block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
  427.  
  428.  
  429. {block:HasTags}<div class="tags"><a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; &nbsp;
  430. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  431. {block:PostNotes}{PostNotes} {block:NoteCount} {/block:NoteCount}{/block:PostNotes}
  432. {/block:Posts}</div>
  433.  
  434. <div id="cred">
  435. <a href="http://jcgged.tumblr.com/">CR</a>
  436. </div>
  437. </div>
  438. </body>
  439. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement