API tools faq
paste
prxphecygirl

chloe's theme.

prxphecygirl
Jan 10th, 2015
234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.45 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. <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. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41.  
  42. <script type="text/javascript"
  43. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  44. <script>
  45. $(document).ready(function() {
  46. //
  47. $('a.poplight[href^=#]').click(function() {
  48. var popID = $(this).attr('rel'); //Get Popup Name
  49. var popURL = $(this).attr('href'); //Get Popup href to define size
  50. var query= popURL.split('?');
  51. var dim= query[1].split('&');
  52. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  53. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  54. var popMargTop = ($('#' + popID).height() + 80) / 2;
  55. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  56. //Apply Margin to Popup
  57. $('#' + popID).css({
  58. 'margin-top' : -popMargTop,
  59. 'margin-left' : -popMargLeft
  60. });
  61. $('body').append('<div id="fade"></div>');
  62. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  63. return false;
  64. });
  65. $('a.close, #fade').live('click', function() {
  66. $('#fade , .popup_block').fadeOut(function() {
  67. $('#fade, a.close').remove(); //fade them both out
  68. });
  69. return false;
  70. });
  71. });
  72. </script>
  73.  
  74.  
  75. <link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore' rel='stylesheet' type='text/css'>
  76.  
  77. <!---- skyetivist's theme. not yours. --->
  78.  
  79. <meta name="color:Background" content="#ffffff"/>
  80. <meta name="color:Text" content="#838282"/>
  81. <meta name="color:Link" content="#b8b8b8"/>
  82. <meta name="image:sidebar" content=""/>
  83. <meta name="image:background" content=""/>
  84.  
  85. <style type="text/css">
  86.  
  87.  
  88. ::-webkit-scrollbar-thumb{
  89. background-color: #999999;
  90.  
  91. height:auto;
  92. }
  93.  
  94. ::-webkit-scrollbar {
  95.  
  96. height:auto;
  97. width:0px;
  98. background-color:#999999;
  99. }
  100.  
  101.  
  102. body {
  103. background:{color:background};
  104. margin:0px;
  105. color:#dbdbdb;
  106. font-family:georgia;
  107. font-size:10px;
  108. line-height:100%;
  109. background-image:url('{image:background}');
  110. background-attachment:fixed;
  111. background-repeat:no-repeat;
  112. }
  113.  
  114. small {
  115. font-size:10px;
  116. }
  117.  
  118. b, strong {
  119. font-family:calibri;
  120. text-transform:uppercase;
  121. font-size:13px;
  122. letter-spacing:3px;
  123. color:#504c5b;
  124. }
  125.  
  126. i, em {
  127. text-transform:lowercase;
  128. font-size:17px;
  129. color:#b3a4a8;
  130. font-family: 'Homemade Apple', cursive;
  131. }
  132.  
  133. pre {
  134. font-size:20px;
  135. text-align:center;
  136. font-family:georgia;
  137. text-transform:lowercase;
  138. }
  139.  
  140. ul{
  141. list-style: none;
  142. }
  143.  
  144. ul li:before{
  145. content:"☢";
  146. padding-right:5px;
  147. font-size:12pt;
  148. color:#cccccc;
  149. text-shadow:1px 1px 1px #1f1f1f;
  150. }
  151.  
  152.  
  153. a {
  154. text-decoration:none;
  155. outline:none;
  156. -moz-outline-style:none;
  157. color:#aeaba9;
  158. text-shadow:1px 1px 1px #aeaba9;
  159. }
  160.  
  161. img {
  162. border:none;
  163. -webkit-filter:grayscale(50%);
  164. -webkit-transition: all 0.6s ease-in-out;
  165. }
  166.  
  167. blockquote {
  168. padding-left:5px;
  169. border-left:1px solid #b3a4a8;
  170. }
  171.  
  172. blockquote blockquote {
  173. padding-left:5px;
  174. border-left:1px solid #b3a4a8;
  175. }
  176.  
  177. h1 {
  178. font-size:35px;
  179. text-align:center;
  180. color:#6f6e6c;
  181. font-family: 'Homemade Apple', cursive;
  182. }
  183.  
  184. #entries {
  185. position:absolute;
  186. width:530px;
  187. margin-left:445px;
  188. padding:10px;
  189. margin-top:380px;
  190. overflow:auto;
  191. height:250px;
  192. background-color:;
  193. background-attachment:fixed;
  194. background-image:url('');}
  195.  
  196. #post {
  197. width:500px;
  198. padding:10px;
  199. margin-bottom:15px;
  200. }
  201.  
  202. #sidebar {
  203. width:250px;
  204. position:fixed;
  205. margin-left:200px;
  206. margin-top:100px;
  207. }
  208.  
  209. #title {
  210. font-size:35px;
  211. margin-top:250px;
  212. margin-left:247px;
  213. text-align:center;
  214. width:500px;
  215. text-shadow:1px 1px 1px #944c4c;
  216. font-family: 'Homemade Apple', cursive;
  217. margin-bottom:5px;
  218. }
  219.  
  220. #sidebarimage {
  221. width 250px;
  222. }
  223.  
  224. #sidebarimage img {
  225. width:250px;
  226. }
  227.  
  228. #description {
  229. padding:5px;
  230. text-align:center;
  231. }
  232.  
  233. #pagination {
  234. font-size:20px;
  235. margin-left:370px;
  236. margin-top:180px;
  237. text-align:center;
  238. }
  239.  
  240. #info {
  241. border-top:1px solid #504c5b;
  242. text-align:left;
  243. padding:2px;
  244. margin-top:10px;
  245. }
  246.  
  247. #tags {
  248. text-transform:lowercase;
  249. text-align:right;
  250. letter-spacing:2px;
  251. font-size:9px;
  252. font-family:calibri;
  253. }
  254.  
  255. #askbox {
  256. background-color:#aeaba9;
  257. height:auto;
  258. color:#0a0a0a;
  259. width:500px;
  260. }
  261.  
  262. .pic {
  263. background:transparent;
  264. padding:10;
  265. width:50px;
  266. height:50px;
  267. }
  268.  
  269. .pic img {
  270. width:50px;
  271. height:50px;
  272. float:left;
  273. margin-left:5px;
  274. margin-top:5px;
  275. border-radius:100px;
  276. }
  277.  
  278.  
  279. .asker {
  280. text-transform:none;
  281. color:#0a0a0a;
  282. letter-spacing:2px;
  283. text-align:center;
  284. font-size:10px;
  285. }
  286.  
  287. .answer {
  288. padding:5px 10px 5px 10px;
  289. }
  290.  
  291. .question {
  292. background:transparent;
  293. padding:10px 10px 10px 10px;
  294. font-size:10px;
  295. height:auto;
  296. min-height:40px;
  297. margin-left:50px;
  298. margin-top:-50px;
  299. }
  300.  
  301.  
  302. #sunnydale {
  303. font-size:15px;
  304. width:860px;
  305. letter-spacing:3px;
  306. padding:10px;
  307. margin-top:255px;
  308. margin-left:365px;
  309. position:absolute;
  310. z-index: 9999;
  311. }
  312.  
  313. .popup_block{
  314. display:none;
  315. background:#0a0a0a;
  316. padding:20px;
  317. border:1px solid #adabaa; /* if you want a solid white pop-up, delete this */
  318. float:left;
  319. position:fixed;
  320. top:50%;left:50%;
  321. z-index: 99999;
  322. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  323. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  324. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  325. }
  326.  
  327. *html #fade {position: absolute;}
  328. *html .popup_block {position: absolute;}
  329. #fade {
  330. display:none;
  331. position:fixed;
  332. left:0px;
  333. top:0px;
  334. width:100%;
  335. height:100%;
  336. z-index:9999;
  337. background:#000; /* change to #fff for solid white */
  338. opacity:0.5; /* change to opacity:1; */
  339. }
  340.  
  341.  
  342.  
  343. {CustomCSS}</style></head><body>
  344.  
  345. <div id="sidebar">
  346.  
  347.  
  348.  
  349. <div id="sunnydale">
  350. <a href="/" title="beverly hills">☢ </a>&nbsp;&nbsp;&nbsp;
  351. <a href="#?w=300" rel="box1" class="poplight" title="information">☢ </a>&nbsp;&nbsp;&nbsp;
  352. <a href="#?w=500" rel="box2" class="poplight" title="guidelines">☢ </a>&nbsp;&nbsp;&nbsp;
  353. <a href="/textk" title="beep me">☢ </a>&nbsp;&nbsp;&nbsp;
  354. <a href="/verses" title="verses">☢ </a>&nbsp;&nbsp;&nbsp;
  355. <a href="/nav" title="navigate">☢ </a>&nbsp;&nbsp;&nbsp;
  356. </div>
  357.  
  358. <div id="pagination">
  359. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  360. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  361. </div>
  362.  
  363. </div>
  364.  
  365. <div id="entries">{block:Posts}<div id="post">
  366.  
  367. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  368.  
  369. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  370.  
  371. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  372.  
  373. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  374.  
  375. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  376.  
  377. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  378.  
  379. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  380.  
  381. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  382.  
  383.  
  384. {block:Answer}
  385. <div id="askbox">
  386. <div class="pic">
  387. <a href="{AskerURL}">
  388. <img src="{AskerPortraitURL-48}" />
  389. </a></div>
  390. <div class="question">
  391. <span class="asker">
  392. {Asker} hacked:</span><br>
  393. {Question}</div></div>
  394. <div class="answer">
  395. {Answer}</div>
  396. {/block:Answer}
  397.  
  398.  
  399. <div id="info">
  400. {block:Date}<big>☢</big> <b>hacked:</b> {TimeAgo}{/block:Date} &nbsp; &nbsp; &nbsp;<big><b>☢</b> </big> </b> <a href="{Permalink}">
  401. {NoteCount} </a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  402. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> <div id="tags">{block:HasTags}{block:Tags} <big>☢</big> <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  403.  
  404. </div>
  405. {block:PostNotes}{PostNotes}{/block:PostNotes}
  406. {/block:Posts}</div>
  407.  
  408. </body></html>
  409. <div id="box1" class="popup_block">
  410. this is where you put some information, such as 'yo i'm the best skye indie EVER WHADDUP'
  411. </div>
  412.  
  413. </div></div></div></div></div></div></div></div></div></div>
  414. <div id="box2" class="popup_block">
  415. i put guidelines here, but you can put any dandy little thing here. such as, again, MY SKYE IS BAE YOU CAN SUCK IT (cause it's true tbh)
  416. </div>
  417.  
  418. </div></div></div></div></div></div></div></div></div></div>
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!