Advertisement
saint-california

All day i think of you theme

May 13th, 2013
435
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.57 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!------
  3. B IS FOR BUFFALO
  4. theme 002 by attractedtosin.tumblr.com [ohcodey]
  5. РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
  6. http://saint-california.viewy.ru/
  7. http://stcalifornia-themes.viewy.ru/
  8. ---->
  9.  
  10. <html>
  11. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  12. <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
  13. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  14. <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
  15. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  16. </head>
  17. <style>
  18.  
  19. body {margin:0;
  20. padding:0;
  21. font-family: 'bitter', serif;
  22. background-color:#ffffff;
  23. min-height:100%;
  24. }
  25.  
  26.  
  27. a {color:#666666;
  28. text-decoration:none;
  29. transition: all 0.4s ease-out;
  30. -o-transition: all 0.4s ease-out;
  31. -webkit-transition: all 0.4s ease-out;
  32. -moz-transition: all 0.4s ease-out;}
  33.  
  34. a:hover {color:#000000;}
  35.  
  36. h3 {font-family: 'Arbutus Slab', georgia, serif;
  37. text-transform:uppercase;
  38. font-weight:normal;}
  39.  
  40.  
  41. .container {width:100%;
  42. min-height: 100%;
  43. margin:0 auto;
  44. margin-top:-10px;
  45. overflow:hidden;
  46. position:relative;
  47. transition: all 0.4s ease-out;
  48. -o-transition: all 0.4s ease-out;
  49. -webkit-transition: all 0.4s ease-out;
  50. -moz-transition: all 0.4s ease-out;}
  51.  
  52.  
  53. .subcontainer {width:845px;
  54. margin:70px auto 10px auto;
  55. overflow:hidden;
  56. transition: all 0.4s ease-out;
  57. -o-transition: all 0.4s ease-out;
  58. -webkit-transition: all 0.4s ease-out;
  59. -moz-transition: all 0.4s ease-out; }
  60.  
  61. .header {font-family: 'Arbutus Slab', georgia, serif;
  62. font-size:26pt;
  63. font-weight:bold;
  64. letter-spacing:-1px;
  65. min-height:80px;
  66. text-transform:lowercase;
  67. margin-top:-100px;
  68. margin-left:50%;
  69. left:-430px;
  70. text-align:right;
  71. padding-top:45px;
  72. width: 860px;
  73. position:fixed;
  74. z-index:20;
  75. background-color:#ffffff;
  76. -webkit-transform: rotate(-1.5deg);
  77. -moz-transform: rotate(-1.5deg);
  78. -o-transform: rotate(-1.5deg);
  79. -ms-transform: rotate(-1.5deg);
  80. }
  81.  
  82. .header a{border-bottom:1px solid #333333;
  83. text-decoration:none;color:#333333;
  84. padding-left:20px;}
  85.  
  86. .sidebar {width:180px;
  87. margin-top:30px;
  88. margin-left:677px;
  89. position:fixed;
  90. transition: all 0.4s ease-out;
  91. -o-transition: all 0.4s ease-out;
  92. -webkit-transition: all 0.4s ease-out;
  93. -moz-transition: all 0.4s ease-out; }
  94.  
  95. .sidebarlinklist {height:234px;
  96. overflow:hidden;
  97. transition: all 0.4s ease-out;
  98. -o-transition: all 0.4s ease-out;
  99. -webkit-transition: all 0.4s ease-out;
  100. -moz-transition: all 0.4s ease-out;}
  101.  
  102.  
  103. .sidebarlinklist:hover {height:264px;
  104. overflow:hidden;
  105. transition: all 0.4s ease-out;
  106. -o-transition: all 0.4s ease-out;
  107. -webkit-transition: all 0.4s ease-out;
  108. -moz-transition: all 0.4s ease-out;}
  109.  
  110.  
  111.  
  112. .sidebarlinklist:hover {height:294px;
  113. overflow:hidden;
  114. transition: all 0.4s ease-out;
  115. -o-transition: all 0.4s ease-out;
  116. -webkit-transition: all 0.4s ease-out;
  117. -moz-transition: all 0.4s ease-out;}
  118.  
  119.  
  120.  
  121. .sidebarlinklist:hover {height:324px;
  122. overflow:hidden;
  123. transition: all 0.4s ease-out;
  124. -o-transition: all 0.4s ease-out;
  125. -webkit-transition: all 0.4s ease-out;
  126. -moz-transition: all 0.4s ease-out;}
  127.  
  128.  
  129. .sidebarlinks a {text-align:center;
  130. width:85px;
  131. height:12px;
  132. margin:2px 1px;
  133. padding:4px 0 2px 0;
  134. border-bottom: 1px solid #333333;
  135. text-decoration:none;
  136. font-family: 'Bitter', georgia, serif;
  137. font-size:9px;
  138. text-transform:lowercase;
  139. letter-spacing:+1px;
  140. color:#333333;
  141. display:inline-block;
  142. -webkit-transform: rotate(-1.5deg);
  143. -moz-transform: rotate(-1.5deg);
  144. -o-transform: rotate(-1.5deg);
  145. -ms-transform: rotate(-1.5deg);}
  146.  
  147. .sidebardesc {font-family: 'Bitter', georgia, serif;
  148. font-size:10px;
  149. text-transform:lowercase;
  150. text-align:justify;
  151. padding:10px 0;
  152. letter-spacing:+1px;}
  153.  
  154. .sidebar-bottom {-webkit-transform: rotate(-1.5deg);
  155. -moz-transform: rotate(-1.5deg);
  156. -o-transform: rotate(-1.5deg);
  157. -ms-transform: rotate(-1.5deg);
  158. border-bottom:1px solid #333333;
  159. height:20px;
  160. width:100%;
  161. font-family: 'Bitter', georgia, serif;
  162. font-size:10px;
  163. text-transform:lowercase;
  164. text-align:CENTER;
  165. letter-spacing:+1px;}
  166.  
  167. .sidebar-bottom a {text-decoration:none;
  168. color:#333333;
  169. display:inline-block;
  170. padding:0 5px;}
  171.  
  172. .entries {color:#333333;
  173. width:500px;
  174. min-height:80px;
  175. padding:10px;
  176. margin:20px 0 20px 130px;
  177. font-family: 'Bitter', georgia, serif;
  178. font-size:10px;
  179. text-align:justify;
  180. padding:10px 0;
  181. letter-spacing:+1px;
  182. transition: all 0.4s ease-out;
  183. -o-transition: all 0.4s ease-out;
  184. -webkit-transition: all 0.4s ease-out;
  185. -moz-transition: all 0.4s ease-out; }
  186.  
  187.  
  188. .post {
  189. width:500px;
  190. padding:10px;
  191. padding-bottom:1px;
  192. display: block;
  193. margin-bottom:14px;
  194. background-color: rgba(255,255,255,1);
  195. background-image: url('ФОН ПОСТОВ');
  196. background-repeat: repeat;
  197. background-position:bottom;
  198. text-align: center;
  199. font-style: normal;border:1px solid #ededed;}
  200.  
  201. .post img {
  202. max-width:500px;}
  203.  
  204.  
  205. /*---bits and pieces--*/
  206.  
  207. ::selection {background:#333333;
  208. color:#ffffff;}
  209.  
  210. ::-moz-selection {background:#333333;
  211. color:#ffffff;}
  212.  
  213. ::-webkit-selection {background:#333333;
  214. color:#ffffff;}
  215.  
  216. ::-webkit-scrollbar {width:7px; height:auto; background:#ffffff;}
  217.  
  218. ::-webkit-scrollbar-corner {background:#ffffff;}
  219.  
  220. ::-webkit-scrollbar-thumb:vertical {background:#eeeeee;}
  221.  
  222. ::-webkit-scrollbar-thumb:horizontal {background:#eeeeee;}
  223.  
  224. ::-webkit-scrollbar-thumb:hover {background:#333333;}
  225.  
  226. p.answer_form_container iframe {background-color:#ffffff;}
  227.  
  228. </style>
  229.  
  230. <body>
  231.  
  232. <div class="container">
  233. <div class="header">
  234. <a href="/">НАЗВАНИЕ БЛОГА &nbsp;<img src="http://i.imgur.com/Uvwf4X5.png" width="22px" height="22px">&nbsp;</a>
  235. </div>
  236. <div class="subcontainer">
  237.  
  238. <div class="sidebar">
  239. <div class="sidebarlinklist">
  240. <a href="/"><img src="АВА В БЛОГЕ" width="180" class="sidebarimage"/></a>
  241. <div class="sidebarlinks">
  242.  
  243.  
  244. <a href="ССЫЛКА ПРИ НАВЕДЕНИИ НА АВУ">НАЗВАНИЕ</a>
  245. <a href="ССЫЛКА ПРИ НАВЕДЕНИИ НА АВУ">НАЗВАНИЕ</a>
  246.  
  247.  
  248.  
  249. <a href="ССЫЛКА ПРИ НАВЕДЕНИИ НА АВУ">НАЗВАНИЕ</a>
  250. <a href="ССЫЛКА ПРИ НАВЕДЕНИИ НА АВУ">НАЗВАНИЕ</a>
  251.  
  252.  
  253.  
  254. <a href="ССЫЛКА ПРИ НАВЕДЕНИИ НА АВУ">НАЗВАНИЕ</a>
  255. <a href="ССЫЛКА ПРИ НАВЕДЕНИИ НА АВУ">НАЗВАНИЕ</a>
  256.  
  257.  
  258. </div>
  259. </div>
  260. <div class="sidebardesc">ОПИСАНИЕ БЛОГА. ЦИТАТЫ. ПЛЕЕРЫ. ИНФОРМАЦИЯ О СЕБЕ. ВИДЖЕТЫ
  261. </div>
  262. <div class="sidebar-bottom">
  263. <a href="ССЫЛКА ПОД ИНФ-ЕЙ О СЕБЕ ">НАЗВАНИЕ</a>
  264. <a href="ССЫЛКА ПОД ИНФ-ЕЙ О СЕБЕ ">НАЗВАНИЕ</a>
  265. <a href="ССЫЛКА ПОД ИНФ-ЕЙ О СЕБЕ ">НАЗВАНИЕ</a>
  266. </div></div>
  267.  
  268. <div id="posts">
  269. <div class="entries">
  270.  
  271.  
  272. {block:startposts} <!-- Блок: начало записи(ей) -->
  273. <div id="right">
  274. {/block:startposts}
  275.  
  276.  
  277. {block:text} <!-- Блок: текстовая запись -->
  278. <div class="post">
  279. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  280. <div>
  281. {%text%}
  282. </div>
  283. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  284. </div>
  285. {/block:text}
  286.  
  287.  
  288. {block:photo} <!-- Блок: фотография -->
  289. <div class="post">
  290. <div>
  291. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  292. </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:photo}
  297.  
  298.  
  299. {block:link} <!-- Блок: ссылка -->
  300. <div class="post">
  301. <div><a href="{%linkurl%}">{%linkname%}</a></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:link}
  306.  
  307.  
  308. {block:quote} <!-- Блок: цитата -->
  309. <div class="post">
  310. <h3>{%quote%}</h3> <!-- Цитата -->
  311. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  312. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  313. </div>
  314. {/block:quote}
  315.  
  316.  
  317. {block:audio} <!-- Блок: аудио -->
  318. <div class="post">
  319. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  320. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  321. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  322. </div>
  323. {/block:audio}
  324.  
  325.  
  326. {block:video} <!-- Блок: видео -->
  327. <div class="post">
  328. <div>{%videoplayer%}</div>
  329. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  330. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  331. </div>
  332. {/block:video}
  333.  
  334.  
  335. {block:dialog} <!-- Блок: диалог -->
  336. <div class="post">
  337. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  338. <div>{%dialog%}</div>
  339. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  340. </div>
  341. {/block:dialog}
  342.  
  343.  
  344.  
  345.  
  346.  
  347.  
  348. {block:endposts} <!-- Блок: конец записи(ей) -->
  349. </div>
  350. {/block:endposts}
  351.  
  352.  
  353. {block:startfooter} <!-- Блок: начало футера -->
  354. <div id="footer">
  355. {/block:startfooter}
  356.  
  357.  
  358.  
  359. {block:pages} <!-- Блок: постраничная навигация -->
  360. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  361.  
  362. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  363.  
  364. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  365. {/block:pages}
  366.  
  367.  
  368.  
  369. {block:endfooter} <!-- Блок: конец футера -->
  370. </div>
  371. <div class="clear"></div>
  372. {/block:endfooter}
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380. </body>
  381. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement