API tools faq
paste
chezshay

theme 29 "jovi"

chezshay
Sep 14th, 2014
1,070
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.67 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
  13. i'm watching u :))--->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#a8a8a8"/>
  17. <meta name="color:Hover" content="#f2f2f2"/>
  18. <meta name="color:Scrollbar" content="#000000"/>
  19. <meta name="color:ScrollbarBg" content="#ffffff"/>
  20. <meta name="color:Answer Backg" content="#000000"/>
  21. <meta name="color:Links" content="#000000"/>
  22. <meta name="color:Links Background" content="#000000"/>
  23. <meta name="color:Description Background" content="#000000"/>
  24. <meta name="color:postbg" content="#ffffff"/>
  25. <meta name="color:Left Sidebar Background" content="#ffffff"/>
  26. <meta name="color:Info Background" content="#ffffff"/>
  27.  
  28. <meta name="image:background" content=""/>
  29. <meta name="image:slide1" content=""/>
  30. <meta name="image:admin1" content=""/>
  31. <meta name="image:admin2" content=""/>
  32. <meta name="text:admin 1" content=""/>
  33. <meta name="text:admin 2" content=""/>
  34. <meta name="text:Link 1" content="">
  35. <meta name="text:Link 1 URL" content="/">
  36. <meta name="text:Link 2" content="">
  37. <meta name="text:Link 2 URL" content="/">
  38. <meta name="text:Link 3" content="">
  39. <meta name="text:Link 3 URL" content="/">
  40. <meta name="text:Link 4" content="">
  41. <meta name="text:Link 4 URL" content="/">
  42. <meta name="text:URL" content="IMPORTANT TO PUT YOUR URL HERE">
  43.  
  44. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. ::-webkit-scrollbar-thumb {
  51. height:auto;
  52. background-color:{color:Scrollbar};
  53. }
  54.  
  55. ::-webkit-scrollbar {
  56. height:9px;
  57. width:4px;
  58. background-color:{color:ScrollbarBg};
  59. }
  60.  
  61.  
  62. body {
  63. background:{color:background};
  64. margin:0px;
  65. color:{color:text};
  66. font-family:arial, sans-serif;
  67. font-size:9px;
  68. line-height:100%;
  69. letter-spacing:0px;
  70. text-align:justify;
  71. background-image:url('{image:background}');
  72. }
  73.  
  74. a {
  75. text-decoration:none;
  76. outline:none;
  77. -moz-outline-style:none;
  78. color:{color:links};
  79. font-weight:bold;
  80. font-family:arial;
  81. }
  82.  
  83. pre{color:{color:postbg};
  84. padding:5px;
  85. font-size:110%;
  86. text-transform:uppercase;
  87. background-color:{color:text};}
  88.  
  89. img {
  90. border:none;
  91. }
  92.  
  93. h1 {
  94. font-size:24px;
  95. color:{color:text};
  96. text-transform:lowercase;
  97. font-family:'arial';
  98. font-style:bold, italic;
  99. text-align:left;
  100. }
  101.  
  102. blockquote {
  103. background-color:{color:background};
  104. padding:2px;
  105. }
  106.  
  107. a:hover {
  108. color:{color:postbg};
  109. -moz-transition-duration:0.3s;
  110. -webkit-transition-duration:0.3s;
  111. -o-transition-duration:0.3s;
  112. }
  113.  
  114. /*ENTRIES*/
  115.  
  116. #entries {
  117. padding:10px;
  118. width:500px;
  119. margin-left:520px;
  120. margin-top:220px;
  121. letter-spacing:0px;
  122. line-height:140%;
  123. z-index:-99;
  124. font-size:9px;
  125. position:absolute;
  126. }
  127.  
  128. #post {
  129. width:500px;
  130. padding:10px;
  131. margin-top:30px;
  132. background-color:{color:postbg};
  133. }
  134.  
  135.  
  136. /*SIDEBAR*/
  137.  
  138.  
  139. #sidebar {
  140. width:400px;
  141. margin-left:200px;
  142. margin-top:50px;
  143. position:fixed;
  144. }
  145.  
  146. #description{padding:10px;
  147. margin-top:0px;
  148. background:{color:description background};
  149. font-size:10px;
  150. line-height:130%;
  151. margin-left:10px;
  152. width:300px;
  153. color:{color:text};
  154. font-family:arial;
  155. }
  156.  
  157. #plot{padding:10px;
  158. margin-top:0px;
  159. overflow:auto;
  160. background:{color:description background};
  161. font-size:10px;
  162. line-height:130%;
  163. height:320px;
  164. margin-left:10px;
  165. width:300px;
  166. color:{color:text};
  167. font-family:arial;
  168. }
  169.  
  170. #extrasidetext{position:fixed;
  171. margin-top:5px;
  172. margin-left:35px;
  173. width:320px;
  174. background-color:{color:Description Background};
  175. padding:1px;
  176. font-size:7px;
  177. height:170px;
  178. font-family:arial,
  179. sans-serif;color:{color:Text};
  180. font-family:'arial';
  181. padding:5px;
  182. border-left: solid 2px {color:links};
  183. overflow:auto;
  184. text-transform:uppercase;
  185. letter-spacing:2px;
  186. }
  187.  
  188. p{margin-left:20px;}
  189.  
  190. /*POST INFO*/
  191.  
  192. #info {
  193. width:510px;
  194. text-align:left;
  195. font-family:arial;
  196. text-transform:lowercase;
  197. margin-left:-10px;
  198. font-size:9px;
  199. margin-top:20px;
  200. margin-bottom:-30px;
  201. font-style:none;
  202. padding:5px;
  203. line-height:10px;
  204. background-color:{color:Info Background};
  205. color:{color:Text};
  206. }
  207.  
  208. #info a {
  209. text-align:center;
  210. font-family:arial;
  211. color:{color:Text};
  212. }
  213.  
  214. .right{float:right}
  215.  
  216. /*BANNER HOVER*/
  217. #bannerhover:hover{opacity:1;-webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;}
  218.  
  219. #bannerhover{width:850px;
  220. height:200px;
  221. opacity:0;
  222. margin-top:50px;
  223. margin-left:200px;
  224. background-color:{color:description background};
  225. position:fixed;
  226. }
  227.  
  228. #admins{width:380px;margin-left:30%;}
  229.  
  230. #admins img{border-radius:100px;
  231. width:40px;
  232. border:solid 2px {color:links};
  233. padding:5px;
  234. }
  235.  
  236. #admins p{
  237. background-color:{color:background};
  238. padding:5px;
  239. font-size:9px;
  240. width:80%;
  241. height:55px;
  242. overflow:auto;
  243. line-height:125%;
  244. margin-left:15px;}
  245.  
  246. /*SIDELINKS*/
  247. .links {
  248. padding:5px;
  249. padding-bottom:6px;
  250. line-height:150%;
  251. z-index:10000000000000000;
  252. text-align:center;
  253. font-size:8px;
  254. letter-spacing:4px;
  255. opacity:1;
  256. position:fixed;
  257. font-family:'arial';
  258. position:absolute;
  259. text-transform:uppercase;
  260. text-align:center;}
  261.  
  262. .links a{
  263. z-index:10000000000000000;
  264. margin-left:10px;
  265. padding:5px;
  266. display:inline-block;
  267. }
  268.  
  269. .links a:hover{
  270. color:{color:postbg};
  271. -moz-transition-duration:.2s;
  272. -webkit-transition-duration:.2s;
  273. -o-transition-duration:.2s;
  274. background-color:{color:Links Background};
  275. }
  276.  
  277. #links{
  278. text-transform:uppercase;
  279. padding:10px;
  280. margin-top:0px;
  281. background:{color:description background};
  282. font-size:10px;
  283. margin-left:10px;
  284. font-family:times;
  285. width:300px;
  286. color:black;
  287. font-family:arial;}
  288.  
  289. #links a:hover{background:{color:text}}
  290. #links a{
  291. z-index:10000000000000000;
  292. background:{color:postbg};
  293. padding:5px;
  294. margin-top:5px;
  295. color:{color:text};
  296. width:95%;
  297. display:inline-block;
  298. }
  299.  
  300.  
  301. /*QUESTION*/
  302.  
  303. #asker {
  304. color:{color:text};
  305. padding:20px;
  306. font-family:'arial';
  307. font-size:9px;
  308. letter-spacing:0px;
  309. text-align:center;
  310. margin-top:0px;
  311. text-transform:lowercase;
  312. line-height:100%;
  313. background-color:{color:Answer backg};
  314. }
  315.  
  316. #asker a{color:{color:postbg};}
  317.  
  318. #url{color:{color:Text};
  319. padding:4px;
  320. font-family:'arial';
  321. font-size:9px;
  322. letter-spacing:0px;
  323. text-align:center;
  324. margin-top:0px;
  325. text-transform:uppercase;
  326. line-height:100%;
  327. background-color:{color:Info Background};
  328. }
  329.  
  330. #url a{color:{color:postbg};text-transform:uppercase;}
  331.  
  332. #pagination {
  333. font-size:9px;
  334. border-top:100px solid {color:background};
  335. width:840px;
  336. padding:5px;
  337. text-transform:uppercase;
  338. margin-top:-70px;
  339. margin-left:200px;
  340. text-align:center;
  341. font-family:arial;
  342. position:fixed;
  343. color:{color:text};
  344. background-color:{color:Description Background};
  345. border-bottom:solid 2px{color:links};
  346. }
  347. #pagination a{padding:2px;color:{color:text};background-color:{color:background};}
  348.  
  349. #leftsidebar{background-color:transparent;
  350. padding:10px;
  351. z-index:-9;
  352. margin-left:180px;
  353. width:300px;
  354. margin-top:240px;
  355. padding-top:20px;
  356. position:fixed;
  357. }
  358.  
  359. #leftsidebar2{background-color:transparent;
  360. padding:10px;
  361. z-index:-9;
  362. margin-left:180px;
  363. height:390px;
  364. width:300px;
  365. bottom:-360px;
  366. z-index:999999999;
  367. padding-top:20px;-webkit-transition:0.6s; -moz-transition:0.6s; transition:0.6s;
  368. position:fixed;
  369. }
  370.  
  371. #leftsidebar2:hover{bottom:0px;}
  372.  
  373. banner{font-size:11px;
  374. background-color:{color:Text};
  375. font-weight:bold;
  376. border-bottom:10px solid {color:postbg};
  377. width:300px;
  378. display:inline-block;
  379. color:{color:background};
  380. margin-left:10px;
  381. padding:10px;
  382. }
  383.  
  384.  
  385. /*CREDIT*/
  386.  
  387. #cred {
  388. position:fixed;
  389. font-family:'courier';
  390. text-transform:uppercase;
  391. font-size:8px;
  392. right:9px;
  393. bottom:9px;
  394. padding:4px;
  395. background-color:{color:postbg};
  396. letter-spacing:1px;
  397. }
  398.  
  399.  
  400. {CustomCSS}</style></head><body>
  401. <div id="sidebar"><img src="{image:slide1}"> </div>
  402. <div id="leftsidebar">
  403. <banner>DESCRIPTION</banner>
  404. <div id="description">{description}</div>
  405. <br><banner>LINKS</banner>
  406. <div id="links"><a href="{text:link 1 url}">{text:link 1}</a>
  407. <a href="{text:link 2 url}">{text:link 2}</a>
  408. <a href="{text:link 3 url}">{text:link 3}</a>
  409. <a href="{text:link 4 url}">{text:link 4}</a></div>
  410. </div>
  411.  
  412. <div id="leftsidebar2"><banner>PLOT (hover)</banner>
  413. <div id="plot">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu fermentum sapien. Nam elementum ex sed nisl dignissim pulvinar. Praesent ante urna, blandit quis sapien vel, venenatis dictum mi. Aenean viverra ante ut nisi feugiat, sed tincidunt augue accumsan. Suspendisse a cursus augue. Vivamus sagittis tempus neque non viverra. Duis condimentum nisl vel commodo volutpat. Nunc odio justo, feugiat id felis tempor, sollicitudin rhoncus lectus. Sed volutpat nisl ipsum, id finibus nibh ullamcorper nec. Quisque vitae tincidunt massa. Morbi ligula dui, tincidunt vitae eros id, dapibus luctus tellus. Nam vel aliquet neque.
  414.  
  415. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu fermentum sapien. Nam elementum ex sed nisl dignissim pulvinar. Praesent ante urna, blandit quis sapien vel, venenatis dictum mi. Aenean viverra ante ut nisi feugiat, sed tincidunt augue accumsan. Suspendisse a cursus augue. Vivamus sagittis tempus neque non viverra. Duis condimentum nisl vel commodo volutpat. Nunc odio justo, feugiat id felis tempor, sollicitudin rhoncus lectus. Sed volutpat nisl ipsum, id finibus nibh ullamcorper nec. Quisque vitae tincidunt massa. Morbi ligula dui, tincidunt vitae eros id, dapibus luctus tellus. Nam vel aliquet neque.
  416.  
  417. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu fermentum sapien. Nam elementum ex sed nisl dignissim pulvinar. Praesent ante urna, blandit quis sapien vel, venenatis dictum mi. Aenean viverra ante ut nisi feugiat, sed tincidunt augue accumsan. Suspendisse a cursus augue. Vivamus sagittis tempus neque non viverra. Duis condimentum nisl vel commodo volutpat. Nunc odio justo, feugiat id felis tempor, sollicitudin rhoncus lectus. Sed volutpat nisl ipsum, id finibus nibh ullamcorper nec. Quisque vitae tincidunt massa. Morbi ligula dui, tincidunt vitae eros id, dapibus luctus tellus. Nam vel aliquet neque.
  418.  
  419.  
  420. </div>
  421. </div>
  422.  
  423. <div id="bannerhover"><br><div id="admins"><banner>admins</banner>
  424. <p><img align=left src="{image:admin1}">{text:admin 1}</p>
  425. <p><img align=left src="{image:admin2}">{text:admin 2}</p></div></div>
  426.  
  427. <div id="entries">
  428. {block:Posts}
  429. <div id="post">
  430.  
  431. {block:Text}
  432. <h1>{block:Title}{Title}{/block:Title}</h1>
  433. {Body}{/block:Text}
  434.  
  435. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  436. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  437.  
  438. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  439. {/block:Caption}{/block:Photoset}
  440.  
  441. {block:Quote}<h2>"{Quote}"</h2>
  442. {block:Source}<div class="qsource"> —{Source}</div>
  443. {/block:Source}{/block:Quote}
  444.  
  445. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  446.  
  447. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  448.  
  449. {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>
  450. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  451. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  452. {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
  453. {/block:Audio}<br>
  454.  
  455. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  456.  
  457. {block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
  458.  
  459. <div id="info">
  460. <div id="permalink">
  461. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <div class=right>{NoteCount}</div></a></div>
  462.  
  463. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div>
  464. </div>
  465.  
  466. {/block:Posts}{/block:Posts}</div></div>
  467. <div id="pagination"> {title}{block:Pagination}
  468. {block:PreviousPage}
  469. <a href="{PreviousPage}">back</a>
  470. {/block:PreviousPage}
  471.  
  472. {block:NextPage}
  473. <a href="{NextPage}">forward</a>
  474. {/block:NextPage}
  475. </div>
  476. {/block:Pagination}
  477. </div>
  478.  
  479. <div id="cred">
  480. <a href="http://shayofrp.tumblr.com/">SHAYOFRP</a>
  481. </div></html>
  482. </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!