Advertisement
saint-california

Baby Don't Cry theme

Mar 30th, 2013
383
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.43 KB | None | 0 0
  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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--
  6. THEME BY ZUVIA
  7. РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
  8. http://saint-california.viewy.ru/
  9. http://stcalifornia-themes.viewy.ru/
  10. -->
  11.  
  12. <html>
  13. <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
  14. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  15. <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
  16.  
  17. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  18. <link href='http://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  19.  
  20. <style type="text/css">
  21.  
  22.  
  23. body {
  24. background-image: url('http://static.tumblr.com/iuw14ew/TcSmbw7mb/x54ffo.png');
  25. background-attachment:fixed;
  26. background-color:#f8f7f0;
  27. font-size:11px;
  28. line-height:14px;
  29. }
  30.  
  31. a { color:#494949;
  32. font-family: calibri;
  33. font-size:8px;
  34. text-transform: uppercase;
  35. letter-spacing:1px;
  36. text-transform: none;
  37. text-decoration:none;
  38. -webkit-transition: all 0.7s ease;
  39. -moz-transition: all 0.7s ease;
  40. -o-transition: all 0.7s ease;
  41. }
  42.  
  43.  
  44. a:hover {
  45. text-decoration:none;
  46. color:#828282;
  47. -webkit-transition: all 1s ease;
  48. -moz-transition: all 1s ease;
  49. -o-transition: all 1s ease;
  50. }
  51.  
  52.  
  53. #posts {
  54. width:510px;
  55. margin-left:566px;
  56. margin-top:10px;
  57. margin-bottom:60px;
  58. }
  59.  
  60. .post {
  61. width:500px;
  62. padding:10px;
  63. padding-bottom:1px;
  64. display: block;
  65. margin-bottom:12px;
  66. background-color: rgba(255,255,255,0.6);
  67. background-image: url('ФОН ПОСТОВ');
  68. background-repeat: repeat;
  69. background-position:bottom;
  70. text-align: center;
  71. font-style: normal;
  72. border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
  73. }
  74.  
  75. .post img {
  76. max-width:500px;}
  77.  
  78.  
  79. .ok{
  80. padding-top:5px;
  81. margin-left:-5px;
  82. padding-left:6px;
  83. line-height:14px;}
  84.  
  85. .ok b{
  86. letter-spacing:0px;}
  87.  
  88. .ok .lines {
  89. margin-left:0px;}
  90.  
  91. .ok .lines .line{
  92. padding:4px;}
  93.  
  94. .ok .lines .odd {
  95. background-color:#f8f7f0;}
  96.  
  97. .snd{
  98. background: #fff;
  99. text-align:center;
  100. margin-left:23px;
  101. margin-top:23px;
  102. position:absolute;
  103. overflow:hidden;
  104. width:10px;
  105. height:10px;
  106. opacity:.7;
  107. border:10px solid #fff;}
  108.  
  109. .clickie{
  110. padding:1px;
  111. margin-top:-10px;
  112. margin-left:-10px;
  113. background-color: #fff;}
  114.  
  115. .clickie:hover{
  116. opacity:1;}
  117.  
  118. .bo{
  119. margin-left:0px;}
  120.  
  121. .bo img{
  122. max-width:60px;
  123. padding:8px;
  124. border-radius:2px;
  125. background-color:#859199;
  126. background-image: url('');
  127. background-attachment:fixed;
  128. float:left;}
  129.  
  130.  
  131. .what{
  132. position:relative;
  133. margin-top:5px;
  134. margin-left:80px;
  135. padding-left:5px;
  136. line-height:22px;}
  137.  
  138. table{
  139. margin-left:-3px;
  140.  
  141. width:505px;
  142. }
  143.  
  144. th{
  145. border:0px solid #999;
  146. border-collapse:collapse;
  147. padding:2px;
  148. width:50px;}
  149.  
  150. td{
  151. text-align:right;
  152. border:0px solid;}
  153.  
  154.  
  155.  
  156. #left{
  157. position:fixed;
  158. margin-left:190px;
  159. bottom:40px;
  160. z-index:99;}
  161.  
  162. #sidebar1{
  163. position:relative;}
  164.  
  165. #sidebar1 img{
  166. max-width:200px;
  167. margin-top:-10px;
  168. padding:10px;
  169. background-color:#fff;
  170. margin-left:-5px;}
  171.  
  172. #desc{
  173. width:200px;
  174. padding:8px;
  175. text-align:left;
  176. margin-left:2px;
  177. margin-top:0px;font-family: georgia;font-size: 10px;
  178. font-style:italic;
  179. color:#666666; letter-spacing: 1px; text-align: center; }
  180.  
  181. #head2 h2{
  182. text-align:right;
  183. letter-spacing:2px;
  184. font-size:30px; font-style:italic;
  185. margin-top:10px;font-family: 'Clicker Script', cursive;
  186. text-shadow: 2px 1px 0px #fff;text-align:center;
  187. color: #989898;
  188. font-weight:normal;}
  189.  
  190. #head2{
  191. width:300px;
  192. margin-left:-175px;
  193. margin-top:105px;
  194. position:fixed;
  195. -webkit-transform: rotate(-90deg);
  196. -moz-transform: rotate(-90deg);
  197. z-index:1;}
  198.  
  199. #main1{
  200. margin-left:200px;
  201. position:fixed;
  202. margin-top:5px;
  203. z-index:33; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  204.  
  205. #main1 img{
  206. position:fixed;
  207. margin-top:-42px;
  208. margin-lefT:-70px;}
  209.  
  210. #main1 a{
  211. text-decoration:none;
  212. display:inline-block;
  213. margin-top:2px;
  214. padding:4px;
  215. color:#6b6b6b;
  216. font: 8px calibri;
  217. letter-spacing:1px;
  218. text-align:center;
  219. text-transform:uppercase;
  220.  
  221. background-attachment:fixed; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  222.  
  223. #main1 a:hover{
  224. text-decoration:none;
  225. color:#464646;
  226. text-transform:uppercase;
  227. background-color:#fff;
  228. background-image: none; background-attachment:fixed;}
  229.  
  230.  
  231. #navbot{
  232. position:fixed;
  233. bottom:0px;
  234. left:0px;
  235. width:42%;
  236. height:30px;
  237. background-color: rgba(255,255,255,0.7);border-radius: 0px 5px 0px 5px / 0px 5px 0px 5px;}
  238.  
  239.  
  240. </style>
  241.  
  242. </head>
  243. <body>
  244. <div id="left">
  245. <div id="navbot">
  246. <div id="main1">
  247. <img src="МАЛЕНЬКАЯ АВА В БЛОГЕ" style="width:60px;padding:6px; background-color:#fff;">
  248. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  249. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  250. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  251. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  252. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  253. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  254. </div>
  255. </div>
  256.  
  257. <Div id="sidebar1">
  258.  
  259. <div id="head2">
  260. <H2>НАЗВ БЛОГА НА АНГЛ</h2> </div>
  261.  
  262. <img src="АВА В БЛОГЕ">
  263.  
  264. <div id="desc">
  265. ОПИСАНИЕ</br>
  266. ИНФОРМАЦИЯ О СЕБЕ</br>
  267. ЦИТАТЫ</br>
  268. ВИДЖЕТЫ</br>
  269. ПЛЕЕРЫ
  270.  
  271. </div>
  272. </div>
  273. </div>
  274.  
  275. <div id="posts">
  276.  
  277.  
  278.  
  279. {block:startposts} <!-- Блок: начало записи(ей) -->
  280. <div id="right">
  281. {/block:startposts}
  282.  
  283.  
  284. {block:text} <!-- Блок: текстовая запись -->
  285. <div class="post">
  286. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  287. <div>
  288. {%text%}
  289. </div>
  290. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  291. </div>
  292. {/block:text}
  293.  
  294.  
  295. {block:photo} <!-- Блок: фотография -->
  296. <div class="post">
  297. <div>
  298. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  299. </div>
  300. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  301. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  302. </div>
  303. {/block:photo}
  304.  
  305.  
  306. {block:link} <!-- Блок: ссылка -->
  307. <div class="post">
  308. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  309. {block:caption}<div>{%caption%}</div>{/block:caption}
  310. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  311. </div>
  312. {/block:link}
  313.  
  314.  
  315. {block:quote} <!-- Блок: цитата -->
  316. <div class="post">
  317. <h3>{%quote%}</h3> <!-- Цитата -->
  318. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  319. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  320. </div>
  321. {/block:quote}
  322.  
  323.  
  324. {block:audio} <!-- Блок: аудио -->
  325. <div class="post">
  326. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  327. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  328. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  329. </div>
  330. {/block:audio}
  331.  
  332.  
  333. {block:video} <!-- Блок: видео -->
  334. <div class="post">
  335. <div>{%videoplayer%}</div>
  336. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  337. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  338. </div>
  339. {/block:video}
  340.  
  341.  
  342. {block:dialog} <!-- Блок: диалог -->
  343. <div class="post">
  344. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  345. <div>{%dialog%}</div>
  346. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  347. </div>
  348. {/block:dialog}
  349.  
  350.  
  351.  
  352.  
  353.  
  354.  
  355. {block:endposts} <!-- Блок: конец записи(ей) -->
  356. </div>
  357. {/block:endposts}
  358.  
  359.  
  360. {block:startfooter} <!-- Блок: начало футера -->
  361. <div id="footer">
  362. {/block:startfooter}
  363.  
  364.  
  365.  
  366. {block:pages} <!-- Блок: постраничная навигация -->
  367. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  368.  
  369. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  370.  
  371. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  372. {/block:pages}
  373.  
  374.  
  375.  
  376. {block:endfooter} <!-- Блок: конец футера -->
  377. </div>
  378. <div class="clear"></div>
  379. {/block:endfooter}
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387. </body>
  388. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement