API tools faq
paste
kitopia

NETSCAPE theme

kitopia
Apr 7th, 2017
121
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.58 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. NETSCAPE THEME by LPS666!!!!!!!! DONT REMOVE CREDIT OR ELSE!!!!
  8. ----->
  9.  
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  21.  
  22. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  23. <meta name="image:bg" content="http://static.tumblr.com/blpgwiz/mrIm4x10z/rainbow.jpg"/>
  24.  
  25. <meta name="color:Background" content="#00f"/>
  26. <meta name="color:Post Background" content="#ff0"/>
  27. <meta name="color:Text" content="#000"/>
  28. <meta name="color:Sidebar" content="#f00"/>
  29. <meta name="color:Links" content="#0f0"/>
  30. <meta name="color:Link hover" content="#00f"/>
  31. <meta name="color:News box" content="#fff"/>
  32. <meta name="text:news" content="hello! i am a scrolly box, fill me up and i can zoom!">
  33. <meta name="image:sidebar" content="https://web.archive.org/web/20090820014509/http://geocities.com/mhurtl/smiley-springseile.gif">
  34. <meta name="image:link img" content="https://web.archive.org/web/20091027045249/http://de.geocities.com/wolfgang_theriot/smiley1.gif">
  35. <meta name="image:header" content="https://web.archive.org/web/20091027093345/http://geocities.com/amazing_nan/welcomeb.gif"/>
  36. <meta name="image:corner pic" content="http://static.tumblr.com/sypp9bf/3TJolg3bg/staryel1.gif">
  37. <meta name="image:timestamp pixel" content="https://web.archive.org/web/20091022083913/http://www.geocities.com/theband1927/cool13_Smiley.gif">
  38. <meta name="image:via pixel" content="https://web.archive.org/web/20091027001124/http://br.geocities.com/rrpp_2001/smiley_016.gif">
  39. <meta name="image:sidebar bottom" content="https://web.archive.org/web/20090808110406/http://www.geocities.com/funny3jokes/animcomics/smily/smileyhaveaniceday.gif">
  40. <meta name="if:newsbox" content="1"/>
  41.  
  42.  
  43. <style type="text/css">
  44.  
  45.  
  46. /*
  47. general text styles, fonts and colours
  48. */
  49.  
  50. body {
  51. margin:0px;
  52. background: {color:Background};
  53. background-image:url('{image:bg}');
  54. font-family: 'Comic sans ms';
  55. font-size:17px;
  56. line-height:140%;
  57. color: {color:Text};
  58. }
  59.  
  60. p{
  61. margin:0 0 10px 0;
  62. padding:0;
  63. }
  64.  
  65. pre {
  66. white-space: pre-wrap;
  67. white-space: -moz-pre-wrap;
  68. white-space: -pre-wrap;
  69. white-space: -o-pre-wrap;
  70. word-wrap: break-word;
  71. }
  72.  
  73. a{
  74. color:{color:Links};
  75. text-decoration: none;
  76. }
  77.  
  78. a:hover{
  79. color:{color:Link hover};
  80. }
  81.  
  82. li{
  83. margin-left:-15px;
  84. }
  85.  
  86. /*
  87. containers etc
  88. */
  89. #wrapper{
  90. width:600px;
  91. margin:50px auto;
  92. }
  93.  
  94. #sidebar{
  95. width:200px;
  96. position:absolute;
  97. background-color:{color:Sidebar};
  98. left:50px;
  99.  
  100. box-shadow: 5px 5px 0px #000;
  101. padding:10px;
  102. }
  103.  
  104.  
  105.  
  106.  
  107. #content{
  108. width:600px;
  109. margin-left:100px;
  110. overflow:hidden;
  111. }
  112.  
  113. .post{
  114. width:500px;
  115. margin:0 0 50px 0;
  116. overflow:hidden;
  117. background:{color:Post Background};
  118. box-shadow: 5px 5px 0px #000;
  119.  
  120. }
  121.  
  122. #sidebar img, .post img{
  123. max-width:100%;
  124. }
  125.  
  126. #nav{
  127. margin:50px 0 0 0;
  128. }
  129.  
  130. #newsbox{
  131. background:{color:News box};
  132. border:3px dashed #000;
  133. padding:15px;
  134. margin:50px;
  135. right:50px;
  136. position:absolute;
  137. width:250px;
  138. z-index:100;
  139. overflow: scroll;
  140. height:200px;
  141.  
  142. }
  143. #box2{
  144. background:#fff;
  145. border:3px dashed #000;
  146. padding:15px;
  147. margin:50px;
  148. left:50px;
  149. top:500px;
  150. position:absolute;
  151. width:250px;
  152. z-index:100;
  153. overflow: scroll;
  154. height:200px;
  155.  
  156. }
  157.  
  158.  
  159. /*
  160. content in the body of the posts - quotes, asks, etc
  161. "media" contains photos, photosets, videos, audio posts
  162. */
  163. .media{
  164. margin:0 0 10px 0;
  165. }
  166.  
  167. .title{
  168. font-weight:normal;
  169. font-size:18px;
  170. margin:0 0 10px 0;
  171. }
  172.  
  173. .quote{
  174. font-weight:normal;
  175. font-size:16px;
  176. font-style:italic;
  177. margin:0 0 10px 0;
  178. }
  179.  
  180. .question{
  181. margin-bottom:10px;
  182. }
  183.  
  184. blockquote{
  185. margin:0 0 10px 10px;
  186. padding:0 0 0 10px;
  187. border-left:solid 1px #000;
  188. }
  189.  
  190. /*
  191. post footers - date, tags, via and source
  192. */
  193. .post .footer{
  194. margin:0;
  195. text-align:left;
  196. }
  197.  
  198. .footer img{
  199.  
  200. }
  201.  
  202. /*
  203. post notes
  204. */
  205. ol.notes{
  206. list-style-type:none;
  207. padding:0;
  208. margin:0;
  209. }
  210.  
  211. ol.notes li.note img{
  212. width:16px;
  213. height:16px;
  214. }
  215.  
  216. ol.notes li.note{
  217. margin:0px;
  218. }
  219.  
  220. {CustomCSS}
  221. </style>
  222. </head>
  223.  
  224. <body>
  225.  
  226. {block:ifnewsbox}
  227.  
  228. <div id="newsbox">
  229.  
  230. <font style="text-shadow:2px 2px #000; font-size:35px; font-weight:bold;">
  231.  
  232. <font color="#f00">N</font><font color="#fF0">E</font><font color="#0F0">W</font><font color="#00F">S</font><font color="#F0F">!</font>
  233.  
  234. </font>
  235. <BR><BR>
  236. {text:News}
  237.  
  238. </div>
  239. {/block:ifnewsbox}
  240.  
  241. <img src="{image:corner pic}" height=100 style="position:fixed;bottom:0px;left:0px;z-index:999"/>
  242.  
  243. <img src="{image:header}">
  244.  
  245.  
  246. <div id="wrapper">
  247.  
  248.  
  249. <div id="sidebar">
  250.  
  251. <img src="{image:sidebar}">
  252. {block:Description}
  253. <p>{Description}</p>
  254. {/block:Description}
  255.  
  256. <img src="{image:link img}">
  257. <a href="/">home</a><br>
  258. <img src="{image:link img}">
  259.  
  260. <a href="/archive">archive
  261. </a><br>
  262.  
  263.  
  264.  
  265.  
  266. {block:AskEnabled}
  267. <a href="/ask"><img src="{image:link img}"> ask
  268. </a><br>
  269. {/block:AskEnabled}
  270.  
  271. {block:HasPages}
  272. {block:Pages}
  273. <a href="{URL}"><img src="{image:link img}"> {Label}</a><br>
  274. {/block:Pages}
  275. {/block:HasPages}
  276. <img src="{image:sidebar bottom}">
  277.  
  278. </div>
  279.  
  280.  
  281.  
  282. <div id="content">
  283. {block:Posts}
  284.  
  285. <div class="post">
  286.  
  287. {block:Text}
  288. {block:Title}
  289. <div class="title">{Title}</div>
  290. {/block:Title}
  291. {Body}
  292. {/block:Text}
  293.  
  294. {block:Photo}
  295. <div class="media" align="center">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  296. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  297. {/block:Photo}
  298.  
  299. {block:Photoset}
  300. <div class="media" align="center">{Photoset-500}</div>
  301. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  302. {/block:Photoset}
  303.  
  304. {block:Quote}
  305. <div class="quote">"{Quote}"</div>
  306. {block:Source}
  307. <div class="quotesource">{Source}</div>
  308. {/block:Source}
  309. {/block:Quote}
  310.  
  311. {block:Link}
  312. <div class="title"><a href="{URL}">{Name}</a></div>
  313. {block:Description}
  314. <div class="description">{Description}</div>
  315. {/block:Description}
  316. {/block:Link}
  317.  
  318. {block:Chat}
  319. {block:Title}
  320. <div class="title">{Title}</div>
  321. {/block:Title}
  322.  
  323. {block:Lines}
  324. <div class="{Alt} user_{UserNumber}">
  325. {block:Label}
  326. <b>{Label}</b>{/block:Label}
  327. &nbsp;{Line}
  328. </div>
  329. {/block:Lines}
  330. {/block:Chat}
  331.  
  332. {block:Video}
  333. <div class="media">{Video-400}</div>
  334. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  335. {/block:Video}
  336.  
  337. {block:Audio}
  338. <div class="media">
  339. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  340. {AudioPlayerWhite}
  341. {block:TrackName}{TrackName}<br>{/block:TrackName}
  342. {block:Artist}{Artist}<br>{/block:Artist}
  343. {block:Album}{Album}{/block:Album}
  344. </div>
  345. {block:Caption}{Caption}{/block:Caption}
  346. {/block:Audio}
  347.  
  348. {block:Answer}
  349. <div class="question">{Asker}: {Question}</div>
  350. <div class="caption">{Answer}</div>
  351. {/block:Answer}
  352.  
  353.  
  354. {block:Date}
  355. <div class="footer">
  356.  
  357. <img src="{image:timestamp pixel}">
  358. <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  359. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  360. {block:RebloggedFrom}<br><img src="{image:via pixel}"><a href="{ReblogParentURL}"> via {ReblogParentName}</a>{/block:RebloggedFrom}
  361. {block:ContentSource}<a href="{SourceURL}">+ src: {SourceTitle}</a>{/block:ContentSource}
  362.  
  363.  
  364.  
  365. </div>
  366.  
  367. {block:PermalinkPage}
  368. {block:NoteCount}
  369. {block:PostNotes}{PostNotes}{/block:PostNotes}
  370. {/block:NoteCount}
  371. {/block:PermalinkPage}
  372. {/block:Date}
  373.  
  374. </div>
  375. {/block:Posts}
  376.  
  377. {block:Pagination}
  378. <div id="nav">
  379. {block:PreviousPage}<a href="{PreviousPage}"><img src="https://web.archive.org/web/20061202204706/http://geocities.com/Heartland/Grove/3715/gifs/back_clr.gif"></a>{/block:PreviousPage}
  380.  
  381. {block:NextPage}<a href="{NextPage}"><img src="https://web.archive.org/web/20090829181906/http://geocities.com/Heartland/Grove/3715/gifs/next_clr.gif"></a>{/block:NextPage}
  382. </div>
  383. {/block:Pagination}
  384. </div>
  385. </div>
  386.  
  387. </div>
  388.  
  389. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  390. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  391.  
  392. </body>
  393. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!