API tools faq
paste
Advertisement
saint-california

Genttle and Mild theme

saint-california
Mar 30th, 2013
278
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.94 KB | None | 0 0
raw download clone embed print report
  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. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.  
  6. <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
  7. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  8. <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
  9.  
  10.  
  11. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  12.  
  13. <!----
  14.  
  15. © SARAHCATHS.TUMBLR.COM | "THE GENTLE AND MILD" #2
  16.  
  17. + Do not steal any portion of this code, or use this code as a base.
  18. + Feel free to edit anything, but do not remove the credit.
  19. + If you have any questions or concerns, just contact me!
  20. + Thanks for using my theme! :) Hope you enjoy it!
  21. РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
  22. http://saint-california.viewy.ru/
  23. http://stcalifornia-themes.viewy.ru/
  24. ---->
  25.  
  26. <!-- VARIABLES -->
  27.  
  28. <meta name="image:Background" content="http://static.tumblr.com/vqqnpua/FW5m81f6j/tumblr_ltqq73kh5g1qhvdofo3_100.png"/>
  29. <meta name="image:Header Image" content="http://static.tumblr.com/vqqnpua/NLXm81jm2/tumblr_m7wdrmkisf1qhsoxqo1_500.jpg" />
  30. <meta name="image:Sidebar BG" content="http://static.tumblr.com/vqqnpua/2Tam81hey/sidebar_bg.png" />
  31.  
  32. <style type="text/css">
  33.  
  34. /* MAIN */
  35.  
  36.  
  37.  
  38.  
  39. body {
  40. background-color:#f0f0f0;
  41. background-image: url('http://static.tumblr.com/vqqnpua/FW5m81f6j/tumblr_ltqq73kh5g1qhvdofo3_100.png');
  42. color:#bababa;
  43. font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  44. font-size: 10px;
  45. text-shadow: #ffffff 1px 1px 1px;
  46. margin: 0px;
  47. padding: 0px;}
  48.  
  49. a:link, a:active {
  50. text-decoration:none;
  51. color: #3D4349; }
  52.  
  53. a:visited {
  54. text-decoration:none;
  55. color: #3D4349; }
  56.  
  57. a:hover {
  58. text-decoration:none;
  59. font-weight:bold;}
  60.  
  61. b, strong, .strong {color:#ff4561;}
  62.  
  63. blockquote {
  64. border-left:2px solid #ffffff;
  65. padding-left:6px; }
  66.  
  67. #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  68.  
  69. i, em, .em {color:#ff4561;}
  70.  
  71. /* FONTS */
  72.  
  73. @import url(http://fonts.googleapis.com/css?family=Amatic+SC);
  74.  
  75. /* MAIN DIVS */
  76.  
  77. .sideborder {
  78. width:36px;
  79. background-color:#FFFFFF;
  80. border-right:10px solid #FF4561;
  81. opacity:0.4;
  82. margin:0;
  83. position:fixed;
  84. top:0px;
  85. height:100%;
  86. left:1000px; }
  87.  
  88. .content {
  89. width:100%;
  90. height:100%;
  91. margin-top:0px;
  92. margin-bottom:40px;}
  93.  
  94. .hover {
  95. width:400px;
  96. height:100%;
  97. top:0px;
  98. left:0px;}
  99.  
  100. #sidebar {
  101. top:0px;
  102. margin-top:-60px;
  103. left:0px;
  104. margin-left:-60px;
  105. width:350px;
  106. position:fixed;
  107. background-color:transparent; }
  108.  
  109. #sidebarimg {
  110. background-image:url('http://static.tumblr.com/vqqnpua/NLXm81jm2/tumblr_m7wdrmkisf1qhsoxqo1_500.jpg');
  111. background-repeat:no-repeat;
  112. -moz-border-radius: 200px;
  113. border-radius: 200px;
  114. max-width:300px;
  115. height:300px;
  116. margin-left:-30px;
  117. border:2px solid #f0f0f0;
  118. opacity:0.6;
  119. overflow:auto;
  120. -webkit-transition: all 0.9s ease-in-out;
  121. -moz-transition: all 0.9s ease-in-out;
  122. -o-transition: all 0.9s ease-in-out;
  123. transition: all 0.9s ease-in-out;}
  124.  
  125. #sideinfo {
  126. width:0px;
  127. height:auto;
  128. max-height:70px;
  129. overflow:auto;
  130. padding: 0px 5px 0px 5px;
  131. float:center;
  132. overflow:auto;
  133. opacity:0.0;}
  134.  
  135. #sidelinks {
  136. width:0px;
  137. height:auto;
  138. max-height:150px;
  139. overflow:auto;
  140. padding: 0px 5px 0px 5px;
  141. float:center;
  142. overflow:auto;
  143. opacity:0.0;}
  144.  
  145. #sidelinks a:link, #sidelinks a:active, #sidelinks a:visited {
  146. color:#FFFFFF; }
  147.  
  148. #sidelinks a:hover {
  149. color#FFFFFF;
  150. font-size:8px;
  151. text-shadow:#000000 1px 1px 1px;
  152. font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  153. letter-spacing:2px; }
  154.  
  155. .hover:hover #sidelinks {
  156. opacity:1.0;
  157. color:;
  158. font-size:8px;
  159. text-shadow:#000000 1px 1px 1px;
  160. font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  161. letter-spacing:2px;
  162. float:center;
  163. width:240px;
  164. margin-top:5px;
  165. text-align:justify;}
  166.  
  167.  
  168. .hover:hover #sideinfo {
  169. opacity:1.0;
  170. color:#FFFFFF;
  171. text-shadow:#000000 1px 1px 1px;
  172. font-size:8px;
  173. font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  174. letter-spacing:3px;
  175. line-height:12px;
  176. float:center;
  177. width:240px;
  178. margin-top:90px;
  179. padding: 10px 5px 10px 25px;
  180. text-align:justify;
  181. background-image:url('http://static.tumblr.com/vqqnpua/2Tam81hey/sidebar_bg.png');
  182. background-repeat:repeat;}
  183.  
  184. .hover:hover #sidebarimg {
  185. background-image:url('http://static.tumblr.com/vqqnpua/NLXm81jm2/tumblr_m7wdrmkisf1qhsoxqo1_500.jpg');
  186. background-repeat:no-repeat;
  187. -moz-border-radius: 200px;
  188. border-radius: 200px;
  189. max-width:350px;
  190. height:350px;
  191. opacity:1.0;
  192. margin-left:0px;
  193. overflow:auto;
  194. border:2px solid #f0f0f0;
  195. -webkit-transition: all 0.9s ease-in-out;
  196. -moz-transition: all 0.9s ease-in-out;
  197. -o-transition: all 0.9s ease-in-out;
  198. transition: all 0.9s ease-in-out;}
  199.  
  200. .title {
  201. text-shadow:#3D4349 1px 1px 1px;
  202. color:#bababa;
  203. text-transform:uppercase;
  204. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  205. position:fixed;
  206. font-size:50px;
  207. width:700px;
  208. opacity:0.5;
  209. margin-left:10px;
  210. margin-top:400px;
  211. -webkit-transform: rotate(90deg);
  212. -moz-transform: rotate(90deg);
  213. -o-transform: rotate(90deg);
  214. -ms-transform: rotate(90deg);
  215. transform: rotate(90deg);
  216. transition-duration: 0.6s;
  217. -moz-transition-duration: 0.5s;
  218. -webkit-transition-duration: 0.5s;
  219. -o-transition-duration: 0.5s;}
  220.  
  221. .hover:hover .title {
  222. opacity:1.0;
  223. text-shadow:#3D4349 1px 1px 1px;
  224. color:#bababa;
  225. transition-duration: 0.5s;
  226. -moz-transition-duration: 0.5s;
  227. -webkit-transition-duration: 0.5s;
  228. -o-transition-duration: 0.5s;}
  229.  
  230. .navigation {
  231. text-shadow:#3D4349 1px 1px 1px;
  232. color:#bababa;
  233. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  234. position:fixed;
  235. font-size:50px;
  236. width:700px;
  237. opacity:0.7;
  238. left:750px;
  239. margin-top:400px;
  240. -webkit-transform: rotate(90deg);
  241. -moz-transform: rotate(90deg);
  242. -o-transform: rotate(90deg);
  243. -ms-transform: rotate(90deg);
  244. transform: rotate(90deg);}
  245.  
  246. .navigation a:link, .navigation a:visited, .navigation a:active, .navigation a:hover {
  247. text-shadow:#3D4349 1px 1px 1px;
  248. color:#bababa;
  249. font-size:50px;
  250. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;}
  251.  
  252. .navigation:hover {
  253. text-shadow:#3D4349 1px 1px 1px;
  254. color:#bababa;
  255. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  256. position:fixed;
  257. font-size:50px;
  258. width:700px;
  259. opacity:1.0;
  260. left:750px;
  261. margin-top:400px;
  262. -webkit-transform: rotate(90deg);
  263. -moz-transform: rotate(90deg);
  264. -o-transform: rotate(90deg);
  265. -ms-transform: rotate(90deg);
  266. transform: rotate(90deg);}
  267.  
  268.  
  269. /* POSTS DIVS */
  270.  
  271. .entriesborder {
  272. width: 500px;
  273. height: auto;
  274. margin:auto;
  275. margin-left:400px;}
  276.  
  277. .entries {
  278. width: 500px;
  279. height: auto;
  280. padding:10px;
  281. margin-top:20px;
  282. }
  283.  
  284.  
  285.  
  286. .post{
  287. width: 500px;
  288. background-color:#f0f0f0;
  289. background-image: url('ФОН ПОСТА');
  290. background-repeat: repeat;
  291. text-align:center;
  292. padding: 10px;
  293. padding-bottom:2px;
  294. margin-top: 10px;
  295. font-weight: normal;
  296. border:0px solid #ebebeb;
  297. }
  298.  
  299. .post img {
  300. max-width:500px; }
  301.  
  302. /* ALL POSTS CSS */
  303.  
  304. .ttitle, .ttitle:link, .ttitle:visited, .tttitle:active {
  305. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  306. color: #bababa;
  307. letter-spacing: -2px;
  308. text-transform:uppercase;
  309. display:block;
  310. text-shadow: 1px 1px 1px;
  311. font-size:20px;
  312. text-align:left;
  313. padding:0px 0px 0px 20px;}
  314.  
  315. .ttitle:hover {
  316. font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  317. letter-spacing: -2px;
  318. text-transform:uppercase;
  319. color: #bababa;
  320. font-weight:normal;
  321. display:block;
  322. text-shadow: 1px 1px 1px;
  323. border-left:30px solid #FF4561;
  324. font-size:20px;
  325. text-align:left;
  326. padding:0px 0px 0px 20px;
  327. -webkit-transition: all 0.4s ease-in-out;
  328. -moz-transition: all 0.4s ease-in-out;
  329. -o-transition: all 0.4s ease-in-out;
  330. transition: all 0.4s ease-in-out;}
  331.  
  332.  
  333.  
  334. ::-webkit-scrollbar-thumb:vertical {background-color:rgba(255,255,255,0.2);height:8px;}
  335. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:8px;}
  336. ::-webkit-scrollbar { height:8px;width:8px;background-color:rgba(255,255,255,0.2);}
  337. ::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.2);; border-top: 3px solid #F0F0F0; border-bottom: 3px solid #F0F0F0;}
  338.  
  339. body {
  340.  
  341.  
  342. </style>
  343.  
  344.  
  345. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  346.  
  347. <script type="text/javascript">
  348. WebFontConfig = {
  349. google: { families: [ 'Amatic+SC::latin' ] }
  350. };
  351. (function() {
  352. var wf = document.createElement('script');
  353. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  354. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  355. wf.type = 'text/javascript';
  356. wf.async = 'true';
  357. var s = document.getElementsByTagName('script')[0];
  358. s.parentNode.insertBefore(wf, s);
  359. })(); </script>
  360.  
  361.  
  362.  
  363. <meta http-equiv="x-dns-prefetch-control" content="off"/><meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  364.  
  365. <body>
  366.  
  367. <div class="navigation">
  368.  
  369.  
  370. <a href="/page/2">next</a>
  371.  
  372.  
  373.  
  374.  
  375. </div> <!-- END NAVIGATION -->
  376.  
  377. <div class="sideborder">
  378. </div> <!-- END SIDEBORDER -->
  379.  
  380. <div class="hover">
  381. <div id="sidebar">
  382. <div align="center">
  383. <div id="sidebarimg">
  384. <div id="sideinfo">
  385. <b>ОПИСАНИЕ
  386. </div> <!-- END SIDEBAR INFO -->
  387. <div id="sidelinks">
  388. <table>
  389. <tr><td width="50%" vAlign="middle">
  390. <img src="АВОЧКА " style="border:0;padding:5px;margin:4px;background-image:url('http://static.tumblr.com/vqqnpua/2Tam81hey/sidebar_bg.png');background-repeat:repeat;" />
  391. </td>
  392. <td width="50%" vAlign="middle">
  393. <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
  394. <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
  395. <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
  396. </td></tr></table>
  397. </div> <!-- END SIDELINKS -->
  398. </div> <!-- END SIDEBAR IMG -->
  399. </div> <!-- END ALIGN CENTER -->
  400. </div> <!-- END SIDEBAR -->
  401.  
  402. <div class="title">
  403. НАЗВАНИЕ БЛОГА
  404. </div> <!-- END TITLE -->
  405. </div> <!-- END HOVER -->
  406.  
  407.  
  408.  
  409.  
  410.  
  411.  
  412. <div class="content">
  413.  
  414. <div class="entriesborder">
  415. <div class="entries">
  416.  
  417.  
  418. {block:startposts} <!-- Блок: начало записи(ей) -->
  419. <div id="right">
  420. {/block:startposts}
  421.  
  422.  
  423. {block:text} <!-- Блок: текстовая запись -->
  424. <div class="post">
  425. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  426. <div>
  427. {%text%}
  428. </div>
  429. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  430. </div>
  431. {/block:text}
  432.  
  433.  
  434. {block:photo} <!-- Блок: фотография -->
  435. <div class="post">
  436. <div>
  437. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  438. </div>
  439. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  440. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  441. </div>
  442. {/block:photo}
  443.  
  444.  
  445. {block:link} <!-- Блок: ссылка -->
  446. <div class="post">
  447. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  448. {block:caption}<div>{%caption%}</div>{/block:caption}
  449. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  450. </div>
  451. {/block:link}
  452.  
  453.  
  454. {block:quote} <!-- Блок: цитата -->
  455. <div class="post">
  456. <h3>{%quote%}</h3> <!-- Цитата -->
  457. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  458. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  459. </div>
  460. {/block:quote}
  461.  
  462.  
  463. {block:audio} <!-- Блок: аудио -->
  464. <div class="post">
  465. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  466. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  467. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  468. </div>
  469. {/block:audio}
  470.  
  471.  
  472. {block:video} <!-- Блок: видео -->
  473. <div class="post">
  474. <div>{%videoplayer%}</div>
  475. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  476. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  477. </div>
  478. {/block:video}
  479.  
  480.  
  481. {block:dialog} <!-- Блок: диалог -->
  482. <div class="post">
  483. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  484. <div>{%dialog%}</div>
  485. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  486. </div>
  487. {/block:dialog}
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494. {block:endposts} <!-- Блок: конец записи(ей) -->
  495. </div>
  496. {/block:endposts}
  497.  
  498.  
  499. {block:startfooter} <!-- Блок: начало футера -->
  500. <div id="footer">
  501. {/block:startfooter}
  502.  
  503.  
  504.  
  505. {block:pages} <!-- Блок: постраничная навигация -->
  506. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  507.  
  508. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  509.  
  510. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  511. {/block:pages}
  512.  
  513.  
  514.  
  515. {block:endfooter} <!-- Блок: конец футера -->
  516. </div>
  517. <div class="clear"></div>
  518. {/block:endfooter}
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525.  
  526. </body>
  527. </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!