Advertisement
saint-california

Pocketful of dreams theme

May 3rd, 2013
570
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.31 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  3.  
  4. <!--
  5. Theme 025 - Figure 8 by thewicked-eternity.tumblr.com
  6. PLEASE DO NOT REMOVE THE CREDIT OR REDISTRIBUTE AS YOUR OWN!
  7. PLEASE DO NOT COPY THIS THEME UNTIL I RELEASE IT!
  8. РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
  9. http://saint-california.viewy.ru/
  10. http://stcalifornia-themes.viewy.ru/
  11. -->
  12.  
  13. <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
  14. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  15. <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  18.  
  19. <style type="text/css">
  20.  
  21.  
  22. ::-moz-selection {background-color: #FFF;}
  23. ::selection {background-color: #FFF;}
  24.  
  25.  
  26. ::-webkit-scrollbar {width: 5px;}
  27. ::-webkit-scrollbar-track {background-color:transparent;}
  28. ::-webkit-scrollbar-thumb {background-color: #2b2930;}
  29. ::-webkit-scrollbar-thumb:window-inactive {background-color:transparent;}
  30.  
  31.  
  32. body {
  33. margin:0px;
  34. padding:0px;
  35. text-align: center;
  36. color:#e4e4e4;
  37. font-weight:normal;
  38. font-size:10px;
  39. font-family:georgia;
  40. background-color:#efefef;
  41. background-repeat:repeat;
  42. background-attachment:fixed;
  43. background-image: url('ФОН БЛОГА');
  44. }
  45.  
  46. a {
  47. color:#8b8b8b;
  48. text-decoration:none;
  49. -webkit-transition:opacity 0.8s linear;
  50. -webkit-transition:all 0.5s ease-out;
  51. -moz-transition:all 0.5s ease-out;
  52. transition:all 0.5s ease-out;
  53. }
  54.  
  55. a:hover {
  56. color:#666666;
  57. text-decoration:none;
  58. -webkit-transition:opacity 0.8s linear;
  59. -webkit-transition:all 0.5s ease-out;
  60. -moz-transition:all 0.5s ease-out;
  61. transition:all 0.5s ease-out;
  62. }
  63.  
  64.  
  65.  
  66. /* ----- ENTRIES 500PX POSTS ----- */
  67.  
  68.  
  69. #entries {
  70. width:540px; padding:10px; margin-left:320px; margin-top:-140px;
  71. background-image: url('ПЕРВЫЙ ФОН ПОСТОВ');
  72. background-repeat: repeat;
  73. }
  74.  
  75. #posts {
  76. width:520px; padding:10px; padding-right:12px;overflow:hidden;background-image: url('ВТОРОЙ ФОН ПОСТОВ'); background-color: rgba(255,255,255,0.8);}
  77.  
  78. .post {
  79. width:500px;
  80. padding:10px;
  81. padding-bottom:1px;
  82. display: block;
  83. margin-bottom:14px;
  84. background-color: rgba(255,255,255,0.8);
  85. background-image: url('ТРЕТИЙ ФОН ПОСТОВ');
  86. background-repeat: repeat;
  87. background-position:bottom;
  88. text-align: center;
  89. font-style: normal;border:1px solid #ededed;}
  90.  
  91. .post img {
  92. max-width:500px;}
  93.  
  94. .title {
  95. font-size:16px;
  96. font-family: 'Open Sans Condensed', sans-serif;
  97. font-family: 'Lobster', cursive;
  98. padding:3px;
  99. width:220px;
  100. margin-bottom:3px;
  101. border-bottom:1px solid #fff;
  102. color:#676767;
  103. }
  104.  
  105.  
  106. #sidebar {
  107. width:220px;
  108. height:; padding:10px;
  109. position:fixed;
  110. margin-left:20px;
  111. margin-top:-40px;
  112. background-color: rgba(255,255,255,0.6);border:2px solid #fff;
  113. }
  114.  
  115. #sidebarimage img {
  116. width:200px;
  117. border:8px solid #fff;
  118.  
  119. }
  120.  
  121. #description {
  122. font-size:9px;
  123. font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  124. font-style: italic;
  125. color:#666666;
  126. text-align: center;
  127. width:200px;
  128. padding:10px;
  129. margin-top:-5px;letter-spacing:1px;
  130. font-weight:normal;background-color: rgba(255,255,255,0.5);
  131. }
  132.  
  133. #description d {
  134. color:#2b2930;
  135. }
  136.  
  137.  
  138. /* ----- NAVIGATION & SIDELINKS ----- */
  139. #navigationbg {
  140. width:140px;
  141. height:auto;
  142. padding:10px;
  143. background-color: rgba(255,255,255,0.6);
  144. position:fixed;
  145. margin-top:60px;
  146. margin-left:920px;
  147.  
  148. }
  149.  
  150. #navigation {
  151. width:127px;
  152. padding:5px;
  153. }
  154.  
  155. #navigation a {
  156. display:block;
  157. padding-left:35px;
  158. padding-right:35px;
  159. margin-bottom:2px;
  160. padding-top:4px;
  161. padding-bottom:4px;
  162. font-family:calibri;
  163. font-size:8px;
  164. text-transform:uppercase;
  165. text-align:center;
  166. color:#8b8b8b;
  167. background-color: rgba(255,255,255,1);
  168. letter-spacing:1px;
  169. }
  170.  
  171. #navigation a:hover {color:#2b2930;
  172. background-color: rgba(255,255,255,0.6);
  173. }
  174.  
  175. #sidelinks {
  176. margin-top:10px;
  177. margin-bottom:10px;
  178. }
  179.  
  180. #sidelinks a {
  181. font-size:8px;
  182. font-family:calibri;
  183. letter-spacing:1px;
  184. text-transform:uppercase;
  185. text-align:center;
  186. padding-top:3px;
  187. padding-bottom:3px;
  188. padding-right:5px;
  189. padding-left:5px;
  190. margin:2px;
  191. background-color: rgba(255,255,255,1);
  192. color:#8b8b8b;
  193. }
  194.  
  195. #sidelinks a:hover {
  196. background-color: rgba(255,255,255,0.6);color:#2b2930;
  197. }
  198.  
  199.  
  200. </style>
  201.  
  202. </head>
  203. <body>
  204. <div id="navigationbg"><center>
  205. <div id="navigation">
  206. <a href="ССЫЛКА СПРАВА">НАЗВАНИЕ</a>
  207. <a href="ССЫЛКА СПРАВА">НАЗВАНИЕ</a>
  208. <a href="ССЫЛКА СПРАВА">НАЗВАНИЕ</a>
  209. <a href="ССЫЛКА СПРАВА">НАЗВАНИЕ</a>
  210. <a href="ССЫЛКА СПРАВА">НАЗВАНИЕ</a>
  211. </div></center></div>
  212.  
  213. <div id="sidebar"><center>
  214. <div id="sidebarimage"><img src="АВАТАРКА В БЛОГЕ"></div>
  215.  
  216. <div class="title">НАЗВАНИЕ БЛОГА НА АНГЛИЙСКОМ</div>
  217.  
  218.  
  219. <div id="sidelinks">
  220. <a href="ССЫЛКА ПОД АВОЙ">НАЗВАНИЕ</a>
  221. <a href="ССЫЛКА ПОД АВОЙ">НАЗВ</a>
  222. <a href="ССЫЛКА ПОД АВОЙ">НАЗВАНИЕ</a>
  223. <a href="ССЫЛКА ПОД АВОЙ">НАЗВАНИЕ</a>
  224. </div>
  225.  
  226.  
  227. <div id="description">
  228. ОПИСАНИЕ БЛОГА </br>
  229. ИНФОРМАЦИЯ О СЕБЕ</br>
  230. ЦИТАТЫ</br>
  231. ВИДЖЕТЫ</br>
  232. ПЛЕЕРЫ
  233.  
  234. </div>
  235.  
  236.  
  237. </center></div>
  238.  
  239. <div id="entries">
  240.  
  241. <div id="posts">
  242.  
  243.  
  244.  
  245. {block:startposts} <!-- Блок: начало записи(ей) -->
  246. <div id="right">
  247. {/block:startposts}
  248.  
  249.  
  250. {block:text} <!-- Блок: текстовая запись -->
  251. <div class="post">
  252. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  253. <div>
  254. {%text%}
  255. </div>
  256. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  257. </div>
  258. {/block:text}
  259.  
  260.  
  261. {block:photo} <!-- Блок: фотография -->
  262. <div class="post">
  263. <div>
  264. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  265. </div>
  266. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  267. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  268. </div>
  269. {/block:photo}
  270.  
  271.  
  272. {block:link} <!-- Блок: ссылка -->
  273. <div class="post">
  274. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  275. {block:caption}<div>{%caption%}</div>{/block:caption}
  276. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  277. </div>
  278. {/block:link}
  279.  
  280.  
  281. {block:quote} <!-- Блок: цитата -->
  282. <div class="post">
  283. <h3>{%quote%}</h3> <!-- Цитата -->
  284. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  285. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  286. </div>
  287. {/block:quote}
  288.  
  289.  
  290. {block:audio} <!-- Блок: аудио -->
  291. <div class="post">
  292. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  293. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  294. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  295. </div>
  296. {/block:audio}
  297.  
  298.  
  299. {block:video} <!-- Блок: видео -->
  300. <div class="post">
  301. <div>{%videoplayer%}</div>
  302. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  303. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  304. </div>
  305. {/block:video}
  306.  
  307.  
  308. {block:dialog} <!-- Блок: диалог -->
  309. <div class="post">
  310. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  311. <div>{%dialog%}</div>
  312. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  313. </div>
  314. {/block:dialog}
  315.  
  316.  
  317.  
  318.  
  319.  
  320.  
  321. {block:endposts} <!-- Блок: конец записи(ей) -->
  322. </div>
  323. {/block:endposts}
  324.  
  325.  
  326. {block:startfooter} <!-- Блок: начало футера -->
  327. <div id="footer">
  328. {/block:startfooter}
  329.  
  330.  
  331.  
  332. {block:pages} <!-- Блок: постраничная навигация -->
  333. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  334.  
  335. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  336.  
  337. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  338. {/block:pages}
  339.  
  340.  
  341.  
  342. {block:endfooter} <!-- Блок: конец футера -->
  343. </div>
  344. <div class="clear"></div>
  345. {/block:endfooter}
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353. </body>
  354. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement