Advertisement
saint-california

California Dreaming theme

Mar 30th, 2013
756
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.10 KB | None | 0 0
  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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6. Theme by themesforya
  7. Basecode by: Hussy-Glamour
  8. - DO NOT REMOVE CREDIT!
  9.  
  10. РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
  11. http://saint-california.viewy.ru/
  12. http://stcalifornia-themes.viewy.ru/
  13. -->
  14.  
  15. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  16.  
  17.  
  18. <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
  19. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ" />
  20. <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss" />
  21.  
  22. <style type="text/css">
  23.  
  24.  
  25. /*** COLOR SCROLL BAR ***/
  26. ::-webkit-scrollbar {width: 3px; height: 5px; background-color:#fff; }
  27.  
  28. ::-webkit-scrollbar-thumb { background-color:#000;}
  29.  
  30. .Image2{
  31. -webkit-transform:scale(.957); /*Webkit: Scale up image to 1.2x original size*/
  32. -moz-transform:scale(.957); /*Mozilla scale version*/
  33. -o-transform:scale(.975); /*Opera scale version*/
  34. -webkit-transition: .5s;
  35. -webkit-transform: rotate(5deg);
  36. -moz-transform: rotate(5deg);
  37. -ms-transform: rotate(5deg);
  38. -o-transform: rotate(5deg);
  39. transform: rotate(5deg);
  40.  
  41. }
  42. .Image2:hover{
  43. -webkit-transform: rotate(0deg);
  44. -moz-transform: rotate(0deg);
  45. -ms-transform: rotate(0deg);
  46. -o-transform: rotate(0deg);
  47. transform: rotate(-0deg);
  48. -webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
  49. -moz-transform:scale(1.2); /*Mozilla scale version*/
  50. -o-transform:scale(1.2); /*Opera scale version*/
  51. -webkit-transition: .5s;
  52. }
  53.  
  54.  
  55. .Image1{
  56. -webkit-transform:scale(.957); /*Webkit: Scale up image to 1.2x original size*/
  57. -moz-transform:scale(.957); /*Mozilla scale version*/
  58. -o-transform:scale(.975); /*Opera scale version*/
  59. -webkit-transition: .5s;
  60. -webkit-transform: rotate(-5deg);
  61. -moz-transform: rotate(-5deg);
  62. -ms-transform: rotate(-5deg);
  63. -o-transform: rotate(-5deg);
  64. transform: rotate(-5deg);
  65.  
  66. }
  67. .Image1:hover{
  68. -webkit-transform: rotate(0deg);
  69. -moz-transform: rotate(0deg);
  70. -ms-transform: rotate(0deg);
  71. -o-transform: rotate(0deg);
  72. transform: rotate(-0deg);
  73. -webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
  74. -moz-transform:scale(1.2); /*Mozilla scale version*/
  75. -o-transform:scale(1.2); /*Opera scale version*/
  76. -webkit-transition: .5s;v
  77. }
  78.  
  79.  
  80. /***NAVIGATION BUTTON***/
  81. div.navigate a{
  82. color: #ffffff;
  83. display:block;
  84. width: 54px;
  85. height: 12px;
  86. font-family:georgia;
  87. font-size:9px;
  88. padding-left:2px;
  89. padding-right:2px;
  90. padding-top:3px;
  91. padding-bottom:5px;
  92. margin-left:0px;
  93. margin-top:10px;
  94. position:relative;
  95. text-align: center;
  96. z-index:1;
  97. font-weight: normal;
  98. font-style: italic;
  99. display: inline-block;
  100. -webkit-transition: opacity 0.9s linear;
  101. -webkit-transition: all 0.9s ease-in-out;
  102. -moz-transition: all 0.9s ease-in-out;
  103. -o-transition: all 0.9s ease-in-out;
  104. background-color:rgba(255, 255, 255, 0.2);
  105. }
  106. div.navigate a:hover{
  107. color: #f2f2f2; background-color:rgba(255, 255, 255, 0.3);
  108. }
  109.  
  110.  
  111. /*** THIS IS WHERE YOU CAHNGE THE BACKGROUND COLOR/ USE A BACKGROUND IMAGE ***/
  112. body{
  113. color:#f7f7f7;
  114. background-image:url(http://wallpaper.goodfon.ru/image/286867-1440x900.jpg);
  115. background-color:#ffffff;
  116. background-size:100%;
  117. background-postition: center;
  118. background-attachment: fixed;
  119. background-repeat: repeat;
  120. font-family: Georgia;
  121. font-size: 11px;
  122. letter-spacing: 0px;
  123. line-height: 116%;
  124. text-align: center;
  125. }
  126.  
  127.  
  128.  
  129. arr {font-family: "arr"; font-size:30px; z-index:1;}
  130.  
  131.  
  132. @font-face {
  133. font-family: "arr";
  134. src: url('http://static.tumblr.com/oct6d4x/Zyvlqqu92/arsenale_white.ttf');
  135. }
  136. @font-face { font-family: "sunshine"; src: url('http://static.tumblr.com/5fd89aw/U3vli7rvs/sunshine_in_my_soul.ttf'); }
  137.  
  138. @font-face { font-family: "redensek"; src: url('http://static.tumblr.com/4yxykdm/ICUlrfl4t/redensek_1_.ttf'); }
  139.  
  140. @font-face { font-family: "myprince"; src: url('http://static.tumblr.com/rmj06l2/Ez5lo1s2r/akmy_prince.ttf'); }
  141.  
  142.  
  143. a:link, a:active, a:visited{
  144. color:#ffffff;font-size:10px;
  145. text-decoration:none;
  146.  
  147. }
  148.  
  149. a:hover {
  150. color:#cccccc;
  151. text-decoration: none;
  152. }
  153.  
  154.  
  155. h1, big{
  156. color: #8B8878;
  157. font-family: "arr";
  158. font-size:50px;
  159. line-height:30px;
  160. letter-spacing:1px;
  161. font-weight:normal;
  162. text-transform:;
  163. margin:0px;
  164. padding:0px;
  165. text-align:center;
  166. }
  167.  
  168.  
  169. h3{
  170. color: #8B8878;
  171. font-family: "arr";
  172. font-size:30px;
  173. line-height:14px;
  174. letter-spacing:1px;
  175. font-weight:normal;
  176. margin:0px;
  177. padding:0px;
  178. margin-bottom:-0px;
  179. text-align:center;
  180. }
  181.  
  182. h2{
  183. color: #8B8878;
  184. font-family: "sunshine";
  185. font-size:20px;
  186. line-height:27px;
  187. letter-spacing:1px;
  188. font-weight:normal;
  189. margin:0px;
  190. padding:0px;
  191. margin-bottom:-0px;
  192. text-align:center;
  193. }
  194.  
  195.  
  196.  
  197. h5{
  198. color: #8B8878;
  199. font-family: "myprince";
  200. font-size:50px;
  201. line-height:25px;
  202. letter-spacing:1px;
  203. font-weight:bold;
  204. margin:10px;
  205. padding:0px;
  206. margin-bottom:-0px;
  207. text-align:center;
  208. }
  209.  
  210.  
  211. .title {
  212. color: #8B8878;
  213. font-family: "arr";
  214. font-size:32px;
  215. line-height:10px;
  216. letter-spacing:2px;
  217. font-weight:normal;
  218. text-align:;
  219. text-transform:;
  220. padding-left:10px;
  221. border-bottom:0px solid ;
  222. }
  223.  
  224.  
  225. #bottominfo{
  226. border-top:1px solid #ffffff;
  227. padding:2px 0px 0px 0px;
  228. display:block;
  229. }
  230.  
  231.  
  232.  
  233. #sidebar8{
  234. position:fixed !important;
  235. margin-top:-10px;
  236. margin-left:50px;
  237. padding-top:12px;
  238. padding-bottom:12px;
  239. text-align:center;
  240. height:700px;
  241. width:160px;
  242. overflow:hidden;
  243. background-color:rgba(255, 255, 255, 0.08);
  244. z-index:999;}
  245.  
  246.  
  247.  
  248. #sidebar4{
  249. position:fixed !important;
  250. margin-top:74px;
  251. margin-left:210px;
  252. text-align:left;
  253. height:180px;
  254. color:#000000;
  255. width:18px;
  256. overflow:hidden;
  257. z-index:999;
  258. padding-left:10px;
  259. padding-top:8px;
  260. padding-bottom:8px;
  261. background-color:rgba(255, 255, 255, 0.08);
  262. -webkit-transition: opacity 0.9s linear;
  263. -webkit-transition: all 0.9s ease-in-out;
  264. -moz-transition: all 0.9s ease-in-out;
  265. -o-transition: all 0.9s ease-in-out;}
  266.  
  267. #sidebar4:hover{
  268. width:110px;
  269. -webkit-transition: opacity 0.9s linear;
  270. -webkit-transition: all 0.9s ease-in-out;
  271. -moz-transition: all 0.9s ease-in-out;
  272. -o-transition: all 0.9s ease-in-out;}
  273.  
  274.  
  275. #sidebar1{
  276. position:fixed !important;
  277. margin-top:30px;
  278. left:10px;
  279. height:auto;
  280. width:155px;
  281. overflow:hidden;
  282. background:;
  283. padding-top:0px;
  284. padding-left:30px;
  285. z-index:999;
  286. padding-right:20px;
  287. padding-bottom:30px;
  288. -webkit-transition: opacity 0.9s linear;
  289. -webkit-transition: all 0.9s ease-in-out;
  290. -moz-transition: all 0.9s ease-in-out;
  291. -o-transition: all 0.9s ease-in-out;}
  292.  
  293.  
  294.  
  295. div#sidebar3{
  296. width:220px;
  297. font-size: 11px;
  298. position:fixed;
  299. height:auto;
  300. margin-top:150px;
  301. margin-left:990px;
  302. padding:6px;
  303. text-align: center;
  304. color:#ffffff;
  305. letter-spacing: 1px;
  306. border-right: 2px dashed rgba(255, 255, 255, 0.8);
  307. border-left: 2px dashed rgba(255, 255, 255, 0.8);
  308. background-color:rgba(255, 255, 255, 0.08);
  309. }
  310.  
  311.  
  312. /**END OF SIDEBAR**/
  313.  
  314.  
  315. /*** POSTS ***/
  316. #center{
  317. width:530px;
  318. margin-left:370px;
  319. height:auto;
  320. position:absolute;
  321. margin-top:10px;
  322. }
  323.  
  324. #entry {
  325. float:left;
  326. width: 530px;
  327. height: 100%;
  328. overflow:hidden;
  329. padding:3px;
  330. padding-top:3px;
  331. margin:0px;
  332. margin-top:20px;
  333. margin-left:3px;
  334. }
  335. .post{
  336. width: 500px;
  337. background-color:rgba(255, 255, 255, 0.06);
  338. box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
  339. text-align:center;
  340. padding: 10px;
  341. padding-bottom:2px;
  342. margin-top: 12px;
  343. font-weight: normal;
  344. }
  345.  
  346. .post img {
  347. max-width:500px; }
  348.  
  349.  
  350. <style type="text/css"></style>
  351.  
  352.  
  353. <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  354.  
  355.  
  356. <body>
  357.  
  358. <div id="sidebar3">
  359. ОПИСАНИЕ
  360.  
  361. <br></div>
  362.  
  363.  
  364.  
  365.  
  366.  
  367. <div id="sidebar8">
  368.  
  369. </div>
  370.  
  371. <div id="sidebar4">
  372. N<br>a<br>v<br>i<br>g<br>a<br>t<br>i<br>o<br>n <br><br><img src="http://static.tumblr.com/sqpojvq/eRQltqnnj/09.gif">
  373.  
  374. <div style="height:185px; width:100px; overflow:auto; text-align:justify; padding-right:4px; margin-left:26px; margin-top: -160px;">
  375. <div class="navigate">
  376. <a href="ССЫЛКА">НАЗВ</a>
  377. <a href="ССЫЛКА">НАЗВ</a>
  378. <a href="ССЫЛКА">НАЗВ</a>
  379. <a href="ССЫЛКА">НАЗВ</a>
  380. <a href="ССЫЛКА">НАЗВ</a>
  381. <a href="ССЫЛКА">НАЗВ</a>
  382. </div>
  383. </div>
  384. </div>
  385.  
  386.  
  387. <div id="sidebar1">
  388.  
  389. <div class="Image1">
  390. <img src="КАРТИНКА 1" style="margin-top:10px;margin-left:0px; width:150px;padding:3px;background:#fff;
  391. -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
  392. box-shadow: 0px 0px 5px #999;">
  393. </div>
  394.  
  395. <div class="Image2">
  396. <img src="КАРТИНКА 2" style="margin-top:10px;margin-left:0px; width:150px;padding:3px;background:#fff;
  397. -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999;">
  398.  
  399. </div>
  400. <div class="Image1">
  401. <img src="КАРТИНКА 3" style="margin-top:0px;margin-left:0px; width:150px;padding:3px;background:#fff;
  402. -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
  403. box-shadow: 0px 0px 5px #999;">
  404. </div>
  405.  
  406. <div class="Image2">
  407. <img src="КАРТИНКА 4" style="margin-top:13px;margin-left:0px; width:150px;padding:3px;background:#fff;
  408. -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999;"></div>
  409.  
  410. <div class="Image1">
  411. <img src="КАРТИНКА 5" style="margin-top:0px;margin-left:0px; width:150px;padding:3px;background:#fff;
  412. -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
  413. box-shadow: 0px 0px 5px #999;">
  414.  
  415.  
  416. </div>
  417. </div>
  418.  
  419.  
  420. <div id="center">
  421.  
  422. <div id="entry">
  423.  
  424.  
  425. {block:startposts} <!-- Блок: начало записи(ей) -->
  426. <div id="right">
  427. {/block:startposts}
  428.  
  429.  
  430. {block:text} <!-- Блок: текстовая запись -->
  431. <div class="post">
  432. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  433. <div>
  434. {%text%}
  435. </div>
  436. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  437. </div>
  438. {/block:text}
  439.  
  440.  
  441. {block:photo} <!-- Блок: фотография -->
  442. <div class="post">
  443. <div>
  444. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  445. </div>
  446. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  447. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  448. </div>
  449. {/block:photo}
  450.  
  451.  
  452. {block:link} <!-- Блок: ссылка -->
  453. <div class="post">
  454. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  455. {block:caption}<div>{%caption%}</div>{/block:caption}
  456. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  457. </div>
  458. {/block:link}
  459.  
  460.  
  461. {block:quote} <!-- Блок: цитата -->
  462. <div class="post">
  463. <h3>{%quote%}</h3> <!-- Цитата -->
  464. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  465. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  466. </div>
  467. {/block:quote}
  468.  
  469.  
  470. {block:audio} <!-- Блок: аудио -->
  471. <div class="post">
  472. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  473. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  474. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  475. </div>
  476. {/block:audio}
  477.  
  478.  
  479. {block:video} <!-- Блок: видео -->
  480. <div class="post">
  481. <div>{%videoplayer%}</div>
  482. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  483. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  484. </div>
  485. {/block:video}
  486.  
  487.  
  488. {block:dialog} <!-- Блок: диалог -->
  489. <div class="post">
  490. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  491. <div>{%dialog%}</div>
  492. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  493. </div>
  494. {/block:dialog}
  495.  
  496.  
  497.  
  498.  
  499.  
  500.  
  501. {block:endposts} <!-- Блок: конец записи(ей) -->
  502. </div>
  503. {/block:endposts}
  504.  
  505.  
  506. {block:startfooter} <!-- Блок: начало футера -->
  507. <div id="footer">
  508. {/block:startfooter}
  509.  
  510.  
  511.  
  512. {block:pages} <!-- Блок: постраничная навигация -->
  513. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  514.  
  515. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  516.  
  517. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  518. {/block:pages}
  519.  
  520.  
  521.  
  522. {block:endfooter} <!-- Блок: конец футера -->
  523. </div>
  524. <div class="clear"></div>
  525. {/block:endfooter}
  526.  
  527.  
  528.  
  529.  
  530.  
  531.  
  532.  
  533. </body>
  534. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement