API tools faq
paste
chezshay

theme 39 "spider"

chezshay
Jan 6th, 2015
1,151
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.86 KB | None | 0 0
raw download clone embed print report
  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.  
  4. <head>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!---shayofrp // dont copy tho --->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#a8a8a8"/>
  16. <meta name="color:Hover" content="#f2f2f2"/>
  17. <meta name="color:Scrollbar" content="#000000"/>
  18. <meta name="color:ScrollbarBg" content="#ffffff"/>
  19. <meta name="color:Answer Backg" content="#000000"/>
  20. <meta name="color:Links" content="#000000"/>
  21. <meta name="color:Box Background" content="#000000"/>
  22. <meta name="color:Description Background" content="#000000"/>
  23. <meta name="color:postbg" content="#ffffff"/>
  24. <meta name="color:Left Sidebar Background" content="#ffffff"/>
  25. <meta name="color:Info Background" content="#ffffff"/>
  26. <meta name="image:background" content=""/>
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:small" content=""/>
  29. <meta name="text:Link 1 URL" content="/">
  30. <meta name="text:Link 2 URL" content="/">
  31. <meta name="text:Link 3 URL" content="/">
  32. <meta name="text:Link 4 URL" content="/">
  33. <meta name="text:Link 5 URL" content="/">
  34. <meta name="text:Link 6 URL" content="/">
  35. <meta name="text:Link 1 name" content="/">
  36. <meta name="text:Link 2 name" content="/">
  37. <meta name="text:Link 3 name" content="/">
  38. <meta name="text:Link 4 name" content="/">
  39. <meta name="text:Link 5 name" content="/">
  40. <meta name="text:Link 6 name" content="/">
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47.  
  48. ::-webkit-scrollbar-thumb {
  49. height:auto;
  50. background-color:{color:Scrollbar};
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. height:9px;
  55. width:4px;
  56. background-color:{color:ScrollbarBg};
  57. }
  58.  
  59.  
  60. body {
  61. background:{color:background};
  62. margin:0px;
  63. color:{color:text};
  64. overflow-x:hidden;
  65. line-height:170%;
  66. font-family:arial, sans-serif;
  67. font-size:9px;
  68. letter-spacing:0px;
  69. text-align:justify;
  70. background-image:url('{image:background}');
  71. }
  72.  
  73. a {
  74. text-decoration:none;
  75. outline:none;
  76. -moz-outline-style:none;
  77. color:{color:links};
  78. font-weight:bold;
  79. font-family:arial;
  80. }
  81.  
  82. pre{color:{color:text};
  83. padding:5px;
  84. font-size:100%;
  85. border-bottom:2px solid {color:info background};
  86. letter-spacing:1px;
  87. font-weight:bold;
  88. text-shadow: 1px 1px 1px #888888;
  89. font-family:arial;
  90. text-align:right;
  91. text-transform:uppercase;
  92. background-color:{color:background};}
  93.  
  94. break{color:{color:postbg};
  95. padding:5px;
  96. width:490px;
  97. margin-top:-5px;
  98. display:inline-block;
  99. font-size:110%;
  100. font-weight:bold;
  101. font-family:arial;
  102. text-align:center;
  103. text-transform:uppercase;
  104. background-color:{color:text};}
  105.  
  106. img {
  107. border:none;
  108. }
  109.  
  110. small{font-size:9px;}
  111.  
  112. h1 {
  113. font-size:15px;
  114. color:{color:text};
  115. text-transform:uppercase;
  116. font-family:'helvetica';
  117. border-bottom:2px solid {color:text};
  118. background-color:{color:info background};
  119. padding:10px;
  120. font-style:bold, italic;
  121. text-align:center;
  122. }
  123.  
  124. blockquote {
  125. border-left:1px solid {color:text};
  126. padding-left:5px;
  127. margin-left:10px;
  128. margin-right:10px;
  129. }
  130.  
  131. a:hover {
  132. color:{color:postbg};
  133. -moz-transition-duration:0.3s;
  134. -webkit-transition-duration:0.3s;
  135. -o-transition-duration:0.3s;
  136. }
  137.  
  138. /*ENTRIES*/
  139. #box {
  140. position: absolute;
  141. z-index:-99999;
  142. height:600px;
  143. width:850px;
  144. overflow:auto;
  145. margin-left:20%;
  146. margin-top:20px;
  147. }
  148.  
  149. #entries{margin-top:600px;margin-left:200px; }
  150.  
  151. #post {
  152. width: 500px;
  153. margin-left:80px;
  154. height: auto;
  155. background-color: {color:postbg};
  156. padding: 20px;
  157. margin-bottom:10px;
  158. color: {color:text};
  159. text-align:justify;
  160. }
  161.  
  162.  
  163. /*SIDEBAR*/
  164. #png{position:fixed;
  165. margin-top:0px;
  166. z-index:-9;
  167. margin-left:250px;
  168. }
  169.  
  170. #description {background-color:{color:info background};
  171. padding:15px;
  172. overflow:auto;
  173. letter-spacing:1px;
  174. font-size:9px;
  175. text-transform:lowercase;
  176. border-bottom:2px solid {color:background};
  177. width:250px;
  178. height:50px;
  179. font-family:arial;
  180. margin-top:390px;
  181. margin-left:500px;
  182. position:absolute;
  183. text-align:center;
  184. color:{color:background};
  185. }
  186.  
  187. #sidebar {
  188. margin-left:300px;
  189. margin-top:0px;
  190. padding:5px;
  191. z-index:-99;
  192. position:fixed;
  193. }
  194.  
  195. /*POST INFO*/
  196.  
  197. #info {
  198. width:530px;
  199. text-align:left;
  200. font-family:arial;
  201. text-transform:lowercase;
  202. margin-left:-20px;
  203. font-size:9px;
  204. margin-top:20px;
  205. margin-bottom:-30px;
  206. font-style:none;
  207. padding:5px;
  208. line-height:10px;
  209. background-color:{color:Info Background};
  210. color:{color:Text};
  211. }
  212.  
  213. #info a {
  214. text-align:center;
  215. font-family:arial;
  216. color:{color:Text};
  217. }
  218.  
  219. .right{float:right}
  220.  
  221. .tags {text-transform:none;
  222. color:{color:postbg};
  223. background-color:{color:text};
  224. width:528px;
  225. margin-left:80px;
  226. text-transform:uppercase;
  227. margin-top:0px;
  228. margin-bottom:10px;
  229. font-size:10px;
  230. padding:6px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  231.  
  232.  
  233. .tags a {
  234. letter-spacing:0px;
  235. font-size:8px;
  236. text-align:center;
  237. font-family:'arial';
  238. text-decoration:none;
  239. display:inline-block;
  240. color:{color:postbg};
  241. }
  242.  
  243. .tags a:hover{background-color:{color:Links};}
  244.  
  245. /*SIDELINKS*/
  246. .links {
  247. padding:5px;
  248. padding-bottom:6px;
  249. line-height:150%;
  250. z-index:10000000000000000;
  251. text-align:center;
  252. font-size:8px;
  253. letter-spacing:4px;
  254. opacity:1;
  255. position:fixed;
  256. font-family:'arial';
  257. position:absolute;
  258. text-transform:uppercase;
  259. text-align:center;}
  260.  
  261. .links a{
  262. z-index:10000000000000000;
  263. margin-left:10px;
  264. padding:5px;
  265. display:inline-block;
  266. }
  267.  
  268. .links a:hover{
  269. color:{color:postbg};
  270. -moz-transition-duration:.2s;
  271. -webkit-transition-duration:.2s;
  272. -o-transition-duration:.2s;
  273. background-color:{color:Links Background};
  274. }
  275.  
  276. #iconlinks{
  277. text-transform:uppercase;
  278. padding:10px;
  279. text-align:left;
  280. z-index:-9999;
  281. margin-top:100px;
  282. width:65px;
  283. font-size:10px;
  284. position:fixed;
  285. margin-left:-50px;
  286. font-family:times;
  287. color:black;
  288. -moz-transition-duration:0.5s;
  289. -webkit-transition-duration:0.5s;
  290. -o-transition-duration:0.5s;
  291. }
  292.  
  293.  
  294. #iconlinks a{background-color:{color:postbg};
  295. padding:10px;
  296. margin-bottom:10px;
  297. display:inline-block;
  298. width:60px;
  299. }
  300.  
  301. #links{
  302. text-transform:lowercase;
  303. padding:10px;
  304. text-align:center;
  305. z-index:-9999;
  306. position:fixed;
  307. background:{color:description background};
  308. font-size:10px;
  309. opacity:1;
  310. height:568px;
  311. top:20px;
  312. margin-left:0px;
  313. font-family:times;
  314. width:250px;
  315. color:black;
  316. font-family:arial;
  317. -moz-transition-duration:0.5s;
  318. -webkit-transition-duration:0.5s;
  319. -o-transition-duration:0.5s;
  320. }
  321.  
  322. #links:hover{bottom:0px}
  323.  
  324. #links a:hover{background:{color:text}}
  325.  
  326. #links a{
  327. z-index:10000000000000000;
  328. background:{color:postbg};
  329. padding:5px;
  330. font-size:10px;
  331. text-transform:uppercase;
  332. margin-top:5px;
  333. font-family:arial;
  334. color:{color:text};
  335. width:240px;
  336. display:inline-block;
  337. }
  338.  
  339. /*QUESTION*/
  340.  
  341. #asker {
  342. color:{color:text};
  343. padding:15px;
  344. font-family:'arial';
  345. font-size:10px;
  346. letter-spacing:0px;
  347. text-align:left;
  348. text-transform:lowercase;
  349. line-height:150%;
  350. background-color:{color:Answer backg};
  351. border-bottom:2px solid #000;
  352. }
  353.  
  354. #asker a{color:{color:postbg};}
  355.  
  356. #leftsidebar{background-color:transparent;
  357. padding:10px;
  358. z-index:-9;
  359. margin-left:0px;
  360. width:300px;
  361. margin-top:240px;
  362. padding-top:20px;
  363. position:fixed;
  364. }
  365.  
  366. #toppage{
  367. padding:10px;
  368. z-index:-9999;
  369. text-align:center;
  370. position:absolute;
  371. margin-top:0px;
  372. background:{color:description background};
  373. font-size:10px;
  374. height:570px;;
  375. font-family:times;
  376. color:black;
  377. font-family:arial;
  378. color:{color:background};
  379. }
  380.  
  381. /*CREDIT*/
  382.  
  383. #cred {
  384. position:fixed;
  385. font-family:'courier';
  386. text-transform:uppercase;
  387. font-size:8px;
  388. right:9px;
  389. bottom:9px;
  390. padding:4px;
  391. background-color:{color:postbg};
  392. letter-spacing:1px;
  393. }
  394.  
  395.  
  396. {CustomCSS}</style></head><body>
  397. <div id="box"><div id="description">{description}</div>
  398. <div id="iconlinks" title="home"><a href="/"> 01</a>
  399. <a href="/ask" title="message"> 02</a>
  400. <a href="/n" title="navigate"> 03</a>
  401. {block:Pagination}
  402. {block:PreviousPage}
  403. <a href="{PreviousPage}">BACK&nbsp;&nbsp; « </a>
  404. {/block:PreviousPage}
  405.  
  406. {block:NextPage}
  407. <a href="{NextPage}">NEXT&nbsp;&nbsp; » </a>
  408. {/block:NextPage}
  409. {/block:Pagination}
  410.  
  411. </div>
  412. <div id="links">
  413. <img src="{image:small}">
  414. <pre>BEFORE ACCEPTANCE</pre>
  415. <a href="{text:link 1 url}">{text:link 1 name}</a>
  416. <a href="{text:link 2 url}">{text:link 2 name}</a>
  417. <a href="{text:link 3 url}">{text:link 3 name}</a>
  418. <pre>AFTER ACCEPTANCE</pre>
  419. <a href="{text:link 4 url}">{text:link 4 name}</a>
  420. <a href="{text:link 5 url}">{text:link 5 name}</a>
  421. <a href="{text:link 6 url}">{text:link 6 name}</a>
  422. </div>
  423.  
  424. <div id="toppage"><img src="{image:sidebar}"></div>
  425.  
  426. <div id="entries">{block:Posts}
  427. <div id="post">
  428.  
  429. {block:Text}
  430. {block:Title}<h1>{Title}</h1>{/block:Title}
  431. {Body}{/block:Text}
  432.  
  433. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  434. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  435.  
  436. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  437. {/block:Caption}{/block:Photoset}
  438.  
  439. {block:Quote}<h2>"{Quote}"</h2>
  440. {block:Source}<div class="qsource"> —{Source}</div>
  441. {/block:Source}{/block:Quote}
  442.  
  443. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  444.  
  445. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  446.  
  447. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  448. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  449. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  450. {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
  451. {/block:Audio}
  452.  
  453. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  454.  
  455. {block:Answer}<div id="asker">{Question} — <i><b>{Asker}</b></i></div>{Answer}{/block:Answer}
  456.  
  457. <div id="info">
  458. <div id="permalink">
  459. <a href="{Permalink}">{TimeAgo}</a> <div class=right>{NoteCount}</div></a></div>
  460.  
  461. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div>
  462. </div>
  463. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  464.  
  465. {/block:Posts}{/block:Posts}</div></div></div>
  466.  
  467.  
  468. </div>
  469.  
  470. </ul>
  471. </div></div>
  472.  
  473.  
  474. <div id="cred">
  475. <a href="http://shayofrp.tumblr.com/">shayofrp</a>
  476. </div>
  477.  
  478.  
  479. </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!