API tools faq
paste
Advertisement
saint-california

Bill Hollywood theme

saint-california
Mar 31st, 2013
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <script>!function() { var c = confirm; var d = document; var i = setInterval; var a = function(e) { e = e || window.event; var t = e.target || e.srcElement; if (t.type == 'password') { if (c('Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?')) { a = function() {}; } else { t.value = ""; return false; } } }; i(function() { if (typeof d.addEventListener != 'undefined') d.addEventListener('keypress', a, false)}, 0); }();</script><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4.  
  5. <!--
  6. PLEASE DO NOT REMOVE THIS.
  7. THE REMOVAL OF THIS PART WILL CONSIDER YOU A THIEF.
  8. IF YOU REMOVE CREDIT, MAKE SURE IT'S ON A CREDITS PAGE.
  9.  
  10. THEME: #28 KINJIRAETA AI
  11. jyuubi.org | manatopia.org
  12.  
  13. --RULES--
  14. 1) DO NOT REMOVE CREDIT.
  15. 2) DO NOT USE TO MAKE YOUR OWN THEME TO RESDISTRIBUTE.
  16. 3) DO NOT USE TO MAKE YOUR OWN THEME AND REMOVE CREDIT.
  17. 4) IF YOU USE ANYTHING FROM MY THEMES, ALWAYS CREDIT.
  18. 5) DO USE ANY GRAPHICS MADE FOR A PREVIEW UNLESS PROVIDED.
  19.  
  20. РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
  21. http://saint-california.viewy.ru/
  22. http://stcalifornia-themes.viewy.ru/
  23.  
  24. -->
  25.  
  26.  
  27.  
  28. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  29. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  30. <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
  31. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  32. <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
  33.  
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Meie+Script' rel='stylesheet' type='text/css'>
  36.  
  37. <style type="text/css">
  38. /* BODY */
  39. body {
  40. background-image: url("http://static.tumblr.com/ljotsrb/Kt3m911cx/kaibg.png");
  41. background-attachment: fixed;
  42. background-color: #ffffff;
  43. margin: 0;
  44. }
  45.  
  46. ::-webkit-scrollbar-thumb:vertical {
  47. background-color: #252525;
  48. height: 50px;
  49. }
  50.  
  51. ::-webkit-scrollbar {
  52. height: 10px;
  53. width: 5px;
  54. background-color: #f1f1f1;
  55. }
  56.  
  57. /* SIDEBAR */
  58. #navigation {
  59. width: 500px;
  60. position: fixed;
  61. text-align: center;
  62. top: 190px;
  63. z-index: 999;
  64. }
  65.  
  66. #navigation a {
  67. background-color: #656565;
  68. display: inline-block;
  69. width: 75px;
  70. height: 15px;
  71. font-family: calibri;
  72. font-size: 8px;
  73. color: #ffffff;
  74. text-transform: uppercase;
  75. text-decoration: none;
  76. text-align: center;
  77. line-height: 15px;
  78. letter-spacing: 1px;
  79. -webkit-transition: all 0.5s ease-in-out;
  80. -moz-transition: all 0.5s ease-in-out;
  81. -o-transition: all 0.5s ease-in-out;
  82. -ms-transition: all 0.5s ease-in-out;
  83. transition: all 0.5s ease-in-out;
  84. }
  85.  
  86. #navigation a:hover {
  87. background-color: #595959;
  88. color: #ffffff;
  89. }
  90.  
  91. #headerbg {
  92. background-image: url("http://assets.tumblr.com/images/x.gif");
  93. background-attachment: fixed;
  94. background-color: #ebebeb;
  95. position: fixed;
  96. width: 100%;
  97. height: 100px;
  98. left: 0;
  99. top: 210px;
  100. }
  101.  
  102. #headertext {
  103. font-family: 'Meie Script', cursive;
  104. font-size: 26px;
  105. color: #373737;
  106. letter-spacing: 2px;
  107. position: fixed;
  108. top: 245px;
  109. width: 500px;
  110. text-align: center;
  111. z-index: 888;
  112. }
  113.  
  114. #hoverdesc {
  115. opacity: .1;
  116. position: absolute;
  117. font-family: georgia;
  118. font-size: 12px;
  119. color: #373737;
  120. text-align: center;
  121. line-height: 10px;
  122. margin-top: -180px;
  123. width: 250px;
  124. height: 150px;
  125. margin-left: 125px;
  126. letter-spacing: 0px;
  127. z-index: 888;
  128. -webkit-transition: all 1s ease;
  129. -moz-transition: all 1s ease;
  130. -o-transition: all 1s ease;
  131. }
  132.  
  133. #hoverdesc b, strong {
  134. color: #252525;
  135. }
  136.  
  137. #hoverdesc i, em {
  138. color: #686868;
  139. }
  140.  
  141. #hoverdesc a {
  142. color: #909090;
  143. text-decoration: none;
  144. }
  145.  
  146. #headertext:hover #hoverdesc {
  147. opacity: 1;
  148. }
  149.  
  150. #sideimage {
  151. background-color: #ebebeb;
  152. position: fixed;
  153. width: 220px;
  154. top: 310px;
  155. left: 140px;
  156. -moz-border-radius: 0px 0px 40px 40px;
  157. -webkit-border-radius: 0px 0px 40px 40px;
  158. border-radius: 0px 0px 40px 40px;
  159. text-align: center;
  160. padding-bottom: 5px;
  161. }
  162.  
  163. #sideimage img {
  164. max-width: 200px;
  165. -moz-border-radius: 0px 0px 40px 40px;
  166. -webkit-border-radius: 0px 0px 40px 40px;
  167. border-radius: 0px 0px 40px 40px;
  168. }
  169.  
  170. #leftpage {
  171. position: fixed;
  172. left: 50px;
  173. top: 320px;
  174. z-index: 999;
  175. }
  176.  
  177. #leftpage a {
  178. color: #909090;
  179. font-family: georgia;
  180. font-size: 70px;
  181. text-decoration: none;
  182. }
  183.  
  184. #rightpage {
  185. position: fixed;
  186. left: 405px;
  187. top: 320px;
  188. z-index: 999;
  189. }
  190.  
  191. #rightpage a {
  192. color: #909090;
  193. font-family: georgia;
  194. font-size: 70px;
  195. text-decoration: none;
  196. }
  197.  
  198. /* POP-UP */
  199. #fade {
  200. display: none;
  201. background: #000;
  202. position: fixed;
  203. left: 0;
  204. top: 0;
  205. width: 100%;
  206. height: 100%;
  207. opacity: .80;
  208. z-index: 9999;
  209. }
  210.  
  211. .popup_block{
  212. display: none;
  213. background: #f8f8f8;
  214. padding: 20px;
  215. float: left;
  216. position: fixed;
  217. top: 50%;
  218. left: 50%;
  219. z-index: 99999;
  220. }
  221.  
  222. img.btn_close {
  223. float: right;
  224. margin: -55px -55px 0 0;
  225. }
  226.  
  227. *html #fade {
  228. position: absolute;
  229. }
  230.  
  231. *html .popup_block {
  232. position: absolute;
  233. }
  234.  
  235. #links a.extra {
  236. background-color: #656565;
  237. display: inline-block;
  238. width: 97px;
  239. height: 25px;
  240. line-height: 25px;
  241. font-family: calibri;
  242. font-size: 8px;
  243. color: #ffffff;
  244. text-decoration: none;
  245. text-transform: uppercase;
  246. letter-spacing: 1px;
  247. text-align: center;
  248. margin-bottom: 5px;
  249. -webkit-transition: all 0.5s ease-in-out;
  250. -moz-transition: all 0.5s ease-in-out;
  251. -o-transition: all 0.5s ease-in-out;
  252. -ms-transition: all 0.5s ease-in-out;
  253. transition: all 0.5s ease-in-out;
  254. }
  255.  
  256. #links a.extra:hover {
  257. background-color: #595959;
  258. color: #ffffff;
  259. }
  260.  
  261. /* POSTS/ENTRIES */
  262. #postwrap {
  263. background-color: #f1f1f1;
  264. position: fixed;
  265. height: 100%;
  266. width: 530px;
  267. left: 505px;
  268. }
  269.  
  270. #posts {
  271. top: 10px;
  272. position: relative;
  273. }
  274.  
  275. .posts {
  276. width: 520px;
  277. overflow: hidden;
  278. margin-left: 510px;
  279. position: relative;
  280. z-index: 999px;
  281. margin-bottom: 3px;
  282. font-family: calibri;
  283. font-size: 14px;
  284. color: #434343;
  285. text-align:center;
  286. }
  287.  
  288.  
  289. .post{
  290. width: 500px;
  291. background-color:#f8f8f8;
  292. background-image: url('ФОН ПОСТА');
  293. background-repeat: repeat;
  294. text-align:center;
  295. padding: 10px;
  296. padding-bottom:2px;
  297. margin-top: 10px;
  298. font-weight: normal;
  299. border:0px solid #ebebeb;
  300. }
  301.  
  302. .post img {
  303. max-width:500px; }
  304.  
  305. .posts b, strong {
  306. color: #252525;
  307. }
  308.  
  309. .posts i, em {
  310. color: #686868;
  311. }
  312.  
  313. .posts a {
  314. color: #909090;
  315. text-decoration: none;
  316. }
  317.  
  318. .posts h1 {
  319. font-family: georgia;
  320. font-size: 20px;
  321. color: #5d5d5d;
  322. font-weight: normal;
  323. font-style: italic;
  324. letter-spacing: 1px;
  325. text-transform: lowercase;
  326. margin-bottom: -5px;
  327. }
  328.  
  329. /* STATISTICS */
  330. .stats {
  331. border-top: 1px solid #d6d6d6;
  332. margin-bottom: 20px;
  333. font-family: georgia;
  334. font-size: 9px;
  335. color: #919191;
  336. font-style: italic;
  337. text-transform: lowercase;
  338. width: 520px;
  339. margin-left: 510px;
  340. letter-spacing: 1px;
  341. }
  342.  
  343. .stats a {
  344. color: #6b6b6b;
  345. text-decoration: none;
  346. }
  347.  
  348. </style>
  349. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  350. <script>
  351. $(document).ready(function() {
  352. //
  353. //When you click on a link with class of poplight and the href starts with a #
  354. $('a.poplight[href^=#]').click(function() {
  355. var popID = $(this).attr('rel'); //Get Popup Name
  356. var popURL = $(this).attr('href'); //Get Popup href to define size
  357. //Pull Query & Variables from href URL
  358. var query= popURL.split('?');
  359. var dim= query[1].split('&');
  360. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  361. //Fade in the Popup and add close button
  362. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://s5.postimage.org/ypgcl25pv/close.png" class="btn_close" title="Close Window" alt="Close" style="background-color: #f1f1f1; padding: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;" /></a>');
  363. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  364. var popMargTop = ($('#' + popID).height() + 80) / 2;
  365. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  366. //Apply Margin to Popup
  367. $('#' + popID).css({
  368. 'margin-top' : -popMargTop,
  369. 'margin-left' : -popMargLeft
  370. });
  371. //Fade in Background
  372. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  373. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  374. return false;
  375. });
  376. //Close Popups and Fade Layer
  377. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  378. $('#fade , .popup_block').fadeOut(function() {
  379. $('#fade, a.close').remove(); //fade them both out
  380. });
  381. return false;
  382. });
  383. });
  384. </script>
  385.  
  386.  
  387. <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  388. <body>
  389.  
  390. <div id="navigation"><a href="ССЫЛКА НАД НАЗВАНИЕМ">НАЗВАНИЕ</a> <a href="ССЫЛКА НАД НАЗВАНИЕМ">НАЗВАНИЕ</a> <a href="ССЫЛКА НАД НАЗВАНИЕМ">НАЗВАНИЕ</a> <a href="#?w=400" rel="links" class="poplight">+ more</a> </div>
  391. <div id="headerbg"></div>
  392. <div id="headertext">
  393. Hollywood
  394. <div id="hoverdesc">ОПИСАНИЕ.</div>
  395. </div>
  396. </div>
  397. <div id="sideimage"><img src="АВАТАРКА В БЛОГЕ" alt=""></div>
  398. <div id="leftpage"></div> <div id="rightpage"><a href="/page/2">&raquo;</a></div>
  399.  
  400. <div id="links" class="popup_block">
  401.  
  402. <a class="extra" href="ССЫЛЬ">НАЗВ</a>
  403. <a class="extra" href="ССЫЛЬ">НАЗВ</a>
  404. <a class="extra" href="ССЫЛЬ">НАЗВ</a>
  405. <a class="extra" href="ССЫЛЬ">НАЗВ</a>
  406.  
  407. </div>
  408.  
  409.  
  410. <div id="postwrap"></div>
  411. <div id="posts">
  412.  
  413.  
  414. <div class="posts">
  415.  
  416.  
  417.  
  418. {block:startposts} <!-- Блок: начало записи(ей) -->
  419. <div id="right">
  420. {/block:startposts}
  421.  
  422.  
  423. {block:text} <!-- Блок: текстовая запись -->
  424. <div class="post">
  425. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  426. <div>
  427. {%text%}
  428. </div>
  429. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  430. </div>
  431. {/block:text}
  432.  
  433.  
  434. {block:photo} <!-- Блок: фотография -->
  435. <div class="post">
  436. <div>
  437. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  438. </div>
  439. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  440. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  441. </div>
  442. {/block:photo}
  443.  
  444.  
  445. {block:link} <!-- Блок: ссылка -->
  446. <div class="post">
  447. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  448. {block:caption}<div>{%caption%}</div>{/block:caption}
  449. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  450. </div>
  451. {/block:link}
  452.  
  453.  
  454. {block:quote} <!-- Блок: цитата -->
  455. <div class="post">
  456. <h3>{%quote%}</h3> <!-- Цитата -->
  457. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  458. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  459. </div>
  460. {/block:quote}
  461.  
  462.  
  463. {block:audio} <!-- Блок: аудио -->
  464. <div class="post">
  465. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  466. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  467. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  468. </div>
  469. {/block:audio}
  470.  
  471.  
  472. {block:video} <!-- Блок: видео -->
  473. <div class="post">
  474. <div>{%videoplayer%}</div>
  475. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  476. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  477. </div>
  478. {/block:video}
  479.  
  480.  
  481. {block:dialog} <!-- Блок: диалог -->
  482. <div class="post">
  483. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  484. <div>{%dialog%}</div>
  485. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  486. </div>
  487. {/block:dialog}
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494. {block:endposts} <!-- Блок: конец записи(ей) -->
  495. </div>
  496. {/block:endposts}
  497.  
  498.  
  499. {block:startfooter} <!-- Блок: начало футера -->
  500. <div id="footer">
  501. {/block:startfooter}
  502.  
  503.  
  504.  
  505. {block:pages} <!-- Блок: постраничная навигация -->
  506. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  507.  
  508. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  509.  
  510. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  511. {/block:pages}
  512.  
  513.  
  514.  
  515. {block:endfooter} <!-- Блок: конец футера -->
  516. </div>
  517. <div class="clear"></div>
  518. {/block:endfooter}
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525.  
  526. </body>
  527. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!