API tools faq
paste
Advertisement
saint-california

Montreal theme

saint-california
Mar 30th, 2013
277
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.23 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6.  
  7. <!--
  8.  
  9. Theme 014: { 完新世 } Holocene
  10. by jackie @ benizora.tumblr.com
  11. please keep ALL of the credits
  12. and don’t steal or distribute.
  13.  
  14. РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
  15. http://saint-california.viewy.ru/
  16. http://stcalifornia-themes.viewy.ru/
  17.  
  18. -->
  19.  
  20. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#"><title>Holocene</title>
  21. <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
  22. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  23. <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
  24.  
  25. <style type="text/css">
  26.  
  27. #square{
  28. position:fixed;
  29. top:10px;
  30. left:10px;
  31. width:30px;
  32. height:30px;
  33. line-height:10px;
  34. overflow:hidden;
  35. background-color:#ffffff;
  36. box-shadow: 2px 3px 10px 0px #e4e0d5;
  37. }
  38. #gif{
  39. height:30px;
  40. width:60px;
  41. margin-left:-30px;
  42. -webkit-transition: all .7s ease-in-out;
  43. -moz-transition: all .7s ease-in-out;
  44. -o-transition: all .7s ease-in-out;
  45. -ms-transition: all .7s ease-in-out;
  46. transition: all .7s ease-in-out;
  47. }
  48. #gif:hover{
  49. margin-left:2px;
  50. -webkit-transition: all .7s ease-in-out;
  51. -moz-transition: all .7s ease-in-out;
  52. -o-transition: all .7s ease-in-out;
  53. -ms-transition: all .7s ease-in-out;
  54. transition: all .7s ease-in-out;
  55. }
  56. #player{
  57. height:30px;
  58. padding:5px;
  59. width:13px;
  60. margin-left:2px;
  61. overflow:hidden;
  62. position:absolute;
  63. }
  64.  
  65. /*-- entries info --*/
  66.  
  67. body {
  68. background-image: url('ФОН');
  69. background-color: #fff;
  70. background-attachment: fixed;
  71. background-repeat: ;
  72. ;
  73. color: #5f5f5f;
  74. font-family: ;
  75. font-size: 12px;
  76. }
  77.  
  78. @font-face {
  79. font-family: "Champagne";
  80. src: url('http://static.tumblr.com/e1ydrvt/WJTmhu1c0/cac_champagne.ttf') format("truetype");
  81. }
  82.  
  83. @font-face {
  84. font-family: "Fertigo";
  85. src: url('http://static.tumblr.com/e1ydrvt/HPnmhvkit/fertigo_pro-webfont.ttf') format("truetype");
  86. }
  87.  
  88. iframe#tumblr_controls {
  89. right:3px !important;
  90. position: fixed !important;
  91. opacity: 0.2;
  92. filter:alpha(opacity=20);
  93. -moz-opacity: 0.2;
  94. -khtml-opacity: 0.2;
  95. -webkit-transition: all 0.9s ease;
  96. -moz-transition: all 0.9s ease;
  97. -o-transition: all 0.9s ease;
  98. }
  99.  
  100. iframe#tumblr_controls:hover {
  101. opacity: 1;
  102. filter:alpha(opacity=100);
  103. -moz-opacity: 1;-khtml-opacity: 1;
  104. -webkit-transition: all 0.9s ease;
  105. -moz-transition: all 0.9s ease;
  106. -o-transition: all 0.9s ease;
  107. }
  108.  
  109.  
  110. /*-- scrollbar --*/
  111.  
  112. ::-webkit-scrollbar-thumb {
  113. background-color: #fff;
  114. height: 8px;
  115. width: 8px;
  116. }
  117.  
  118. ::-webkit-scrollbar {
  119. height: 8px;
  120. width: 8px;
  121. background-color: #d5cfbf;
  122. }
  123.  
  124. /*-- links info --*/
  125.  
  126. a {
  127. color: #747474;
  128. text-decoration: none;
  129. }
  130.  
  131. a:link, a:active, a:visited {
  132. text-decoration: none;
  133. color: #747474;
  134. -webkit-transition: all 0.5s linear;
  135. -moz-transition: all 0.5s linear;
  136. -o-transition: all 0.5s linear;
  137. }
  138.  
  139. a:hover {
  140. color:#abaf7f;
  141. text-decoration: none;
  142. -webkit-transition: all 0.5s linear;
  143. -moz-transition: all 0.5s linear;
  144. -o-transition: all 0.5s linear;
  145. }
  146.  
  147. /*-- pagination --*/
  148.  
  149. #previous {
  150. font-family: 'Georgia';
  151. font-size: 20px;
  152. width: 20px;
  153. margin-left:95px;
  154. color:#abaf7f;
  155. top:675px;
  156. position: fixed;
  157. text-align: center;
  158. z-index:999;
  159. }
  160.  
  161. #next {
  162. font-family: 'Georgia';
  163. font-size: 20px;
  164. margin-left:135px;
  165. color:#abaf7f;
  166. top:675px;
  167. width: 20px;
  168. position: fixed;
  169. text-align: center;
  170. z-index:999;
  171. }
  172.  
  173. /*-- sidebar info --*/
  174.  
  175. #banner {
  176. display:block;
  177. margin-left:200px;
  178. margin-top:15px;
  179. font-family:'Champagne', serif;
  180. font-size: 40px;
  181. color: #abaf7f;
  182. text-transform:none;
  183. line-height:30px;
  184. text-align: center;
  185. letter-spacing: 2px;
  186. padding: 5px 0px;
  187. width: 200px;
  188. position:fixed;
  189. z-index:99999999;
  190. }
  191.  
  192. #smbanner {
  193. display:block;
  194. font-family:'Calibri', serif;
  195. font-size: 9px;
  196. margin-top:-5px;
  197. color: #000000;
  198. text-transform:uppercase;
  199. line-height:15px;
  200. text-align: center;
  201. letter-spacing: 2px;
  202. padding: 10px 0px 5px 0px;
  203. width: 250px;
  204. margin-left:-25px;
  205. position:fixed;
  206. z-index:99999999;
  207. }
  208.  
  209. #sidedesc {
  210. width:115px;
  211. padding:10px 5px 0px 5px;
  212. font-family: 'Georgia', sans-serif;
  213. margin-left:-5px;
  214. margin-top:5px;
  215. font-size: 10px;
  216. letter-spacing: 1px;
  217. line-height:16px;
  218. text-align:right;
  219. font-style:italic;
  220. text-transform:none;
  221. color: #686868;
  222. position:fixed;
  223. z-index:1;
  224. }
  225.  
  226. .sidebar {
  227. width: 300px;
  228. height:100%;
  229. position: fixed;
  230. top:0px;
  231. left:0px;
  232. background-image: url('ФОН САЙДБАРА');
  233. background-color:#fffcf3;
  234. background-attachment: fixed;
  235. background-repeat: ;
  236. }
  237.  
  238.  
  239. #love {
  240. width: 105px;
  241. margin-left:125px;
  242. margin-top:12px;
  243. display:block;
  244. }
  245.  
  246. #love a {
  247. background-color: #fffcf3;
  248. display: block;
  249. width: 105px;
  250. height: 20px;
  251. margin-bottom: 3px;
  252. margin-right: 3px;
  253. font-family: 'Georgia';
  254. font-size: 9px;
  255. font-style:italic;
  256. border-bottom:1px solid #e8e8e8;
  257. color: #8b8b8b;
  258. text-transform: lowercase;
  259. letter-spacing: 1px;
  260. text-align: center;
  261. line-height: 20px;
  262. -webkit-transition: all 0.5s ease-in-out;
  263. -moz-transition: all 0.5s ease-in-out;
  264. -o-transition: all 0.5s ease-in-out;
  265. -ms-transition: all 0.5s ease-in-out;
  266. transition: all 0.5s ease-in-out;
  267. text-shadow:10px 0px transparent, -10px 0px transparent;
  268. }
  269.  
  270. #love a:hover {
  271. color: #000;
  272. text-shadow:0px 0px #8b8b8b, -0px 0px #8b8b8b;
  273. -webkit-transition: all 0.5s ease-in-out;
  274. -moz-transition: all 0.5s ease-in-out;
  275. -o-transition: all 0.5s ease-in-out;
  276. -ms-transition: all 0.5s ease-in-out;
  277. transition: all 0.5s ease-in-out;
  278. }
  279.  
  280.  
  281. .sidebar img {
  282. max-width:210px;
  283. margin-top:5px;
  284. padding:15px;
  285. background-color:#ffffff;
  286. border:1px dashed #e8e8e8;
  287. }
  288.  
  289.  
  290. /*-- posts & entries --*/
  291.  
  292. #content {
  293. z-index:9999999;
  294. margin-left: 550px;
  295. margin-top:-5px;
  296.  
  297. width: 400px;
  298. }
  299.  
  300. #entries {
  301. z-index:#99999999;
  302. width: 500px;
  303. font-family: 'Georgia', Cambria, sans-serif;
  304. font-size:10px;
  305. text-align: center;
  306. padding: 15px;
  307. margin: 35px 0px -15px 10px;
  308.  
  309. }
  310. .post {
  311. width:500px;
  312. padding:10px;
  313. padding-bottom:0px;
  314. display: block;
  315. margin-top:12px;
  316. background-color:#FEFEFE;
  317. background-image: url('ФОН ПОСТОВ');
  318. background-repeat: epeat;
  319. background-position:bottom;
  320. text-align: center;
  321. font-style: normal;
  322. border:1px dashed #e8e8e8;
  323. }
  324.  
  325. .post img {
  326. max-width:500px;
  327. }
  328.  
  329.  
  330. /*-- blockquote info --*/
  331.  
  332.  
  333. #entries blockquote {
  334. border-left:1px dashed #e8e8e8;
  335. padding: 0px 10px 0px 10px;
  336. margin-left: 40px;
  337. }
  338.  
  339. #entries pre {
  340. overflow:auto;
  341. font-size:10px;
  342. }
  343.  
  344. #entries blockquote img{
  345. overflow:hidden;
  346. }
  347.  
  348. /*-- quote info --*/
  349.  
  350. #quotes{
  351. padding: 10px;
  352. font-family: "Fertigo", Calibri, sans-serif;
  353. letter-spacing: 1px;
  354. line-height: 100%;
  355. text-transform:none;
  356. font-size:16px;
  357. color: #1b1b1b;
  358. text-align: center;
  359. }
  360.  
  361. #sources {
  362. font-family: 'Calibri', sans-serif;
  363. font-size:9px;
  364. letter-spacing:1px;
  365. text-transform:uppercase;
  366. text-align: right;
  367. padding-top:10px;
  368. padding-bottom:5px;
  369. }
  370.  
  371. /*-- permalink info --*/
  372.  
  373.  
  374. #permalink {
  375. font-weight: bold;
  376. font-size:8px;
  377. letter-spacing:1px;
  378.  
  379. width:412px;
  380. margin-top:5px;
  381. margin-left:-16px;
  382. text-align:left;
  383. padding:5px 3px 0px 15px;
  384. text-transform: uppercase;
  385. color: #00;
  386. font-family: 'Calibri', sans-serif;
  387. }
  388.  
  389.  
  390. #permalink a:link {
  391. color: #00;
  392. }
  393.  
  394. #permalink a:hover {
  395. color: #00;
  396. }
  397.  
  398. #tags {
  399.  
  400. width:405px;
  401. font-family: 'Calibri', sans-serif;
  402. text-align:left;
  403. color: #00;
  404. margin-left:-16px;
  405. letter-spacing:1px;
  406. padding:5px 10px 0px 15px;
  407. font-size:8px;
  408. -webkit-transition: all 0.5s ease-in-out;
  409. -moz-transition: all 0.5s ease-in-out;
  410. -o-transition: all 0.5s ease-in-out;
  411. -ms-transition: all 0.5s ease-in-out;
  412. transition: all 0.5s ease-in-out;
  413. }
  414.  
  415. /*-- entry title info --*/
  416.  
  417. #title {
  418. padding-bottom: 3px;
  419. font-size: 20px;
  420. text-align: center;
  421. font-family: "Fertigo", Calibri, sans-serif;
  422. line-height: 100%;
  423. letter-spacing: 2px;
  424. color: #1b1b1b;
  425. text-transform:uppercase;
  426. }
  427.  
  428.  
  429.  
  430. #another1 {
  431. border-top:10px solid #e4e0d5;
  432. border-right:10px solid transparent;
  433. position:absolute;
  434. margin: 13px 0px -5px 53px;
  435. }
  436.  
  437. #another2 {
  438. border-top:10px solid transparent;
  439. border-left:10px solid #e4e0d5;
  440. position:absolute;
  441. margin: 3px 0px -5px 53px;
  442. }
  443.  
  444.  
  445.  
  446. </style>
  447.  
  448.  
  449. </head>
  450.  
  451. <body>
  452.  
  453.  
  454. <div class="sidebar">
  455.  
  456. <div id="banner"> НАЗВАНИЕ БЛОГА 1 НА АНГЛ
  457. <div id="smbanner">НАЗВАНИЕ БЛОГА 2 НА АНГЛ
  458.  
  459. <img src="АВАТАРКА В БЛОГЕ">
  460.  
  461. <div id="sidedesc">
  462. ОПИСАНИЕ.ИНФОРМАЦИЯ О СЕБЕ</div>
  463.  
  464.  
  465. <div id="smsidebar"><div id="love">
  466. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  467. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  468. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  469. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  470. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  471. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  472. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  473.  
  474. </div>
  475. </div>
  476. </div>
  477. </div>
  478. </div>
  479. </div>
  480. </div>
  481. </div>
  482.  
  483.  
  484. </div>
  485.  
  486. </div>
  487.  
  488.  
  489. <div id="content">
  490.  
  491.  
  492. <div id="entries">
  493.  
  494. {block:startposts} <!-- Блок: начало записи(ей) -->
  495. <div id="right">
  496. {/block:startposts}
  497.  
  498.  
  499. {block:text} <!-- Блок: текстовая запись -->
  500. <div class="post">
  501. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  502. <div>
  503. {%text%}
  504. </div>
  505. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  506. </div>
  507. {/block:text}
  508.  
  509.  
  510. {block:photo} <!-- Блок: фотография -->
  511. <div class="post">
  512. <div>
  513. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  514. </div>
  515. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  516. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  517. </div>
  518. {/block:photo}
  519.  
  520.  
  521. {block:link} <!-- Блок: ссылка -->
  522. <div class="post">
  523. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  524. {block:caption}<div>{%caption%}</div>{/block:caption}
  525. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  526. </div>
  527. {/block:link}
  528.  
  529.  
  530. {block:quote} <!-- Блок: цитата -->
  531. <div class="post">
  532. <h3>{%quote%}</h3> <!-- Цитата -->
  533. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  534. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  535. </div>
  536. {/block:quote}
  537.  
  538.  
  539. {block:audio} <!-- Блок: аудио -->
  540. <div class="post">
  541. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  542. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  543. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  544. </div>
  545. {/block:audio}
  546.  
  547.  
  548. {block:video} <!-- Блок: видео -->
  549. <div class="post">
  550. <div>{%videoplayer%}</div>
  551. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  552. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  553. </div>
  554. {/block:video}
  555.  
  556.  
  557. {block:dialog} <!-- Блок: диалог -->
  558. <div class="post">
  559. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  560. <div>{%dialog%}</div>
  561. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  562. </div>
  563. {/block:dialog}
  564.  
  565.  
  566.  
  567.  
  568.  
  569.  
  570. {block:endposts} <!-- Блок: конец записи(ей) -->
  571. </div>
  572. {/block:endposts}
  573.  
  574.  
  575. {block:startfooter} <!-- Блок: начало футера -->
  576. <div id="footer">
  577. {/block:startfooter}
  578.  
  579.  
  580.  
  581. {block:pages} <!-- Блок: постраничная навигация -->
  582. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  583.  
  584. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  585.  
  586. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  587. {/block:pages}
  588.  
  589.  
  590.  
  591. {block:endfooter} <!-- Блок: конец футера -->
  592. </div>
  593. <div class="clear"></div>
  594. {/block:endfooter}
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  
  601.  
  602. </body>
  603. </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!