Advertisement
hazza_xx

Theme 98

Mar 15th, 2013
161
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.80 KB | None | 0 0
  1. <!-- Разобрала и отредактировала: http://winchesterovna.viewy.ru/ -->
  2. <!DOCTYPE html>
  3. <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><!--
  4.  
  5. [[•------» яσχιє'ѕ тнємєѕ «------•]]
  6.  
  7. do noт reмove тнe credιт
  8. do noт υѕe aѕ вaѕe
  9. do noт claιм aѕ yoυrѕ
  10.  
  11. [[•------» тнαик уσυ «------•]]
  12.  
  13.  
  14. -->
  15.  
  16. <html>
  17.  
  18. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Text" content="#9e9e9e"/>
  22. <meta name="color:Link" content="#7a7c7c"/>
  23. <meta name="color:Link Hover" content="#d1d1d1"/>
  24. <meta name="color:Navi" content="#ffffff"/>
  25. <meta name="color:Navi Hover" content="##888888"/>
  26. <meta name="color:Scrollbar" content="#5e5e5e"/>
  27. <meta name="color:Border" content="#dddddd"/>
  28. <meta name="color:Sidebar" content="#eeeeee"/>
  29.  
  30. <meta name="image:Sidebar" content""/>
  31.  
  32. <meta name="text:Home Title" content="perf" />
  33. <meta name="text:Ask Title" content="Mail" />
  34. <meta name="text:Ask uRL" content="/ask" />
  35. <meta name="text:Link 1 Title" content="" />
  36. <meta name="text:Link 1 Url" content="" />
  37. <meta name="text:Link 2 Title" content="" />
  38. <meta name="text:Link 2 Url" content="" />
  39. <meta name="text:Link 3 Title" content="" />
  40. <meta name="text:Link 3 Url" content="" />
  41.  
  42. <meta name="if:Shows Link 1" content="" />
  43. <meta name="if:Shows Link 2" content="" />
  44. <meta name="if:Shows Link 3" content="" />
  45.  
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
  48.  
  49. <title>НАЗВАНИЕ БЛОГА</title>
  50.  
  51. </style>
  52.  
  53. <style type="text/css">
  54.  
  55. @font-face {font-family: "Web";
  56. src: url('http://static.tumblr.com/gs9d5ab/Rj8m7debq/websymbols-regular-webfont.ttf'); format("truetype");}
  57.  
  58.  
  59. iframe#tumblr_controls {
  60. white-space:nowrap;
  61. -webkit-filter: invert(100%);
  62. -moz-filter: invert(100%);
  63. -o-filter: invert(100%);
  64. -ms-filter: invert(100%);
  65. filter: invert(100%);
  66. opacity:.2;
  67. transition: .8s ease-in-out;
  68. -webkit-transition: .8s ease-in-out;
  69. -moz-transition: .8s ease-in-out;
  70. -o-transition: .8s ease-in-out;
  71. }
  72.  
  73.  
  74.  
  75. body{
  76. background-color: #ffffff;
  77. background-attachment: fixed;
  78. background-image:url("ФОН");
  79. background-repeat: repeat;
  80. background-position: center;
  81. font-family:Calibri;
  82. font-size:13px;
  83. line-height:110%;
  84. color:#9e9e9e;
  85. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  86. }
  87.  
  88. .post {
  89. width:500px;
  90. padding:2px;
  91. display: block;
  92. margin:16px auto;
  93. margin-left:0px;
  94. background-color: #ffffff;
  95. background-image: url('ФОООН ПОСТОВ');
  96. background-repeat: repeat;
  97. text-align: center;
  98. border-radius: 0px;
  99. padding:3px; border:1px #F2EAE4 solid; -webkit-box-shadow: 0 0 15px #B89797; -moz-box-shadow: 0 0 15px #B89797; box-shadow: 0 0 15px #B89797;
  100. box-shadow: 0px 0px 0px #999;
  101. }
  102.  
  103.  
  104. .post img {
  105. max-width:500px;}
  106.  
  107.  
  108. a:link, a:active, a:visited{
  109. color: #7a7c7c;
  110. text-decoration:none;
  111. -moz-opacity:0.;
  112. -khtml-opacity: 0;
  113. -webkit-transition:all 0.9s ease-out;
  114. -moz-transition:all 0.9s ease-out;
  115. transition:all 0.9s ease-out;
  116. }
  117.  
  118. a:hover{
  119. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  120. color: #d1d1d1;
  121. -moz-opacity:0.;
  122. -khtml-opacity: 0;
  123. -webkit-transition:all 0.9s ease-out;
  124. -moz-transition:all 0.9s ease-out;
  125. transition:all 0.9s ease-out;
  126. }
  127.  
  128. big{font-size:18px;}
  129.  
  130. img{
  131. -webkit-transition: opacity 0.8s linear;
  132. opacity: 1;
  133. }
  134. img:hover{
  135. -webkit-transition: opacity 0.8s linear;
  136. opacity: 0.60;
  137. }
  138.  
  139. ::-webkit-scrollbar-thumb {
  140. height:9px;
  141. background-color: #5e5e5e;
  142. }
  143.  
  144. ::-webkit-scrollbar {
  145. width:4px;
  146. height:4px;
  147. background:#fff;
  148. margin-right:5px;
  149. }
  150.  
  151.  
  152. iframe#tumblr_controls {
  153. white-space:nowrap;
  154. -webkit-filter: invert(100%);
  155. -moz-filter: invert(100%);
  156. -o-filter: invert(100%);
  157. -ms-filter: invert(100%);
  158. filter: invert(100%);
  159. opacity:.2;
  160. transition: .8s ease-in-out;
  161. -webkit-transition: .8s ease-in-out;
  162. -moz-transition: .8s ease-in-out;
  163. -o-transition: .8s ease-in-out;
  164. }
  165.  
  166.  
  167. #entries{
  168. padding:10px;
  169. width:500px;
  170. margin-left:500px;
  171. margin-top:0px;
  172. }
  173.  
  174.  
  175.  
  176. .posttitle{
  177. font-family:Droid Sans Mono;
  178. font-size: 15px;
  179. line-height: 20px;
  180. }
  181.  
  182. blockquote{
  183. margin-left:10px;
  184. padding-left:4px;
  185. border-left: 3px solid #9e9e9e;
  186. }
  187.  
  188. .bubble {
  189. align:right;background: #e8e8e8;
  190. margin:7px 0px 5px 66px;
  191. padding:10px;
  192. position: relative;
  193. -moz-border-radius:5px;
  194. -webkit-border-radius:5px;
  195. border-radius:5px;
  196. }
  197.  
  198. .bubble p {
  199. margin:1px 0px;
  200. }
  201.  
  202. .bubble span {
  203. display:block;
  204. position:absolute;
  205. width:1px;
  206. height:1px
  207. font-size: 0;
  208. line-height: 1px;
  209. left:-10px;
  210. top:10px;
  211. border-top:7px solid transparent;
  212. border-bottom:7px solid transparent;
  213. border-right:10px solid #e8e8e8;
  214. }
  215.  
  216. .askborder {
  217. float: left;
  218. margin: 1px 4px 0 0;
  219. padding: 2px;
  220. background: #e8e8e8;
  221. }
  222.  
  223. .p { padding-top: 5px;}
  224. .ol, ul { margin-left: 10px; padding: 5px; }
  225. .ul { list-style-type: square; }
  226.  
  227. #post:hover .tags {
  228. position:absolute;
  229. margin-left:520px;
  230. padding:5px;
  231. width:120px;
  232. text-align:left;
  233. height:auto;
  234. opacity:1;
  235. -webkit-transition: all 0.7s ease;
  236. -moz-transition: all 0.7s ease;
  237. -o-transition: all 0.7s ease
  238. }
  239.  
  240. .tags {
  241. position:absolute;
  242. margin-left:500px;
  243. padding:5px;
  244. width:120px;
  245. text-align:left;
  246. height:auto;
  247. opacity:0;
  248. -webkit-transition: all 0.7s ease;
  249. -moz-transition: all 0.7s ease;
  250. -o-transition: all 0.7s ease
  251. }
  252.  
  253. #permalink{
  254. position:relative;
  255. text-align:justify;
  256. border-top:1px dashed #dddddd;
  257. margin-top:8px;
  258. margin-bottom:-5px;
  259. padding-top:10px;
  260. padding-bottom:5px;
  261. font-size:8px;
  262. font-family:calibri;
  263. text-transform:uppercase;
  264. }
  265.  
  266. /*------» do noт reмove «------*/
  267.  
  268. #credit {
  269. position: fixed;
  270. bottom: 15px;
  271. right: 10px;
  272. width: 45px;
  273. text-align:center;
  274. -webkit-transition-duration: .90s;
  275. }
  276.  
  277. #credit a{
  278. color:#d5d5d5;
  279. border:1px solid #d5d5d5;
  280. padding:5px;
  281. }
  282.  
  283. #credit a:hover{
  284. color:#636363;
  285. border:1px solid #636363;
  286. padding:5px;
  287. }
  288.  
  289. /*------» тнαик уσυ «------*/
  290.  
  291. #pagination {
  292. position:absolute;
  293. font-size:30px;
  294. text-align:center;
  295. top:230px;
  296. margin-left:230px;
  297. }
  298.  
  299. #sidebar {
  300. background-image:url(АВА);
  301. background-repeat:no-repeat;
  302. background-color:#eeeeee;
  303. position:fixed;
  304. width:180px;
  305. margin-left:200px;
  306. top:-30px;
  307. height:500px;
  308. border-radius:30px;
  309. -webkit-transition: all 0.7s ease;
  310. -moz-transition: all 0.7s ease;
  311. -o-transition: all 0.7s ease;}
  312.  
  313. #sidebar:hover{
  314. padding-top:100px;
  315. background-color:#eeeeee;
  316. -webkit-transition: all 0.7s ease;
  317. -moz-transition: all 0.7s ease;
  318. -o-transition: all 0.7s ease;
  319. }
  320.  
  321. #sidebar:hover
  322. .navi{
  323. margin-top:290px;
  324. text-align:center;
  325. font-size:10px;
  326. text-transform: uppercase;
  327. letter-spacing:2px;
  328. opacity:1;
  329. -webkit-transition: all 0.7s ease;
  330. -moz-transition: all 0.7s ease;
  331. -o-transition: all 0.7s ease;
  332. }
  333.  
  334. .navi{
  335. margin-top:290px;
  336. text-align:center;
  337. font-size:10px;
  338. text-transform: uppercase;
  339. letter-spacing:2px;
  340. opacity:0;
  341. -webkit-transition: all 0.7s ease;
  342. -moz-transition: all 0.7s ease;
  343. -o-transition: all 0.7s ease;
  344. }
  345.  
  346. .navi a{
  347. display:inline-block;
  348. width:130px;
  349. padding:2px;
  350. background:#ffffff;
  351. margin-top:3px;
  352. color:#888888;
  353. -webkit-transition: all 0.7s ease;
  354. -moz-transition: all 0.7s ease;
  355. -o-transition: all 0.7s ease
  356. }
  357.  
  358. .navi a:hover{
  359. color:#ffffff;
  360. background:#888888;
  361. -webkit-transition: all 0.7s ease;
  362. -moz-transition: all 0.7s ease;
  363. -o-transition: all 0.7s ease
  364. }
  365.  
  366. #sidebar:hover
  367. .description{
  368. width:130px;
  369. text-align:center;
  370. margin-top:15px;
  371. -webkit-transition: all 0.7s ease;
  372. -moz-transition: all 0.7s ease;
  373. -o-transition: all 0.7s ease;
  374. }
  375.  
  376. .description{
  377. width:130px;
  378. text-align:center;
  379. margin-top:15px;
  380. -webkit-transition: all 0.7s ease;
  381. -moz-transition: all 0.7s ease;
  382. -o-transition: all 0.7s ease;
  383. }
  384.  
  385.  
  386. </style>
  387.  
  388. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  389. <link rel="alternate" type="application/rss+xml" title="RSS" href="ССЫЛКА НА БЛОГ/rss" /><meta name="viewport" content="width=820" />
  390.  
  391.  
  392. <!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS -->
  393. <!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. -->
  394. <!-- Read more: http://ogp.me/ -->
  395. <meta property="fb:app_id" content="48119224995" />
  396. <meta property="og:title" content="Theme 7" />
  397. <meta property="og:url" content="http://haagenhazs.tumblr.com/" />
  398. <meta property="og:description" content="This is description. Please keep it short. Post width: 500px Sidebar width: 180px" />
  399. <meta property="og:type" content="tumblr-feed:tumblelog" />
  400. <meta property="og:image" content="http://assets.tumblr.com/images/default_avatar_128.gif" />
  401. <!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->
  402.  
  403.  
  404. <!-- TWITTER TAGS -->
  405. <meta charset="utf-8">
  406. <meta name="twitter:site" content="tumblr" />
  407.  
  408.  
  409. <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?db1199d6f1ae54decfa5902be552bda2"></script><meta http-equiv="x-dns-prefetch-control" content="off"/>
  410. <meta name="keywords" content="tag" />
  411.  
  412. </head>
  413.  
  414. <body>
  415.  
  416.  
  417.  
  418. <div id="credit">
  419.  
  420. </div>
  421.  
  422. <div id="sidebar">
  423.  
  424. <center>
  425. <div class="navi">
  426. <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
  427. <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
  428. <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
  429. <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
  430. <a href="ССЫЛКА">НАЗВАНИЕ</a>
  431. </div>
  432.  
  433. <div class="description">ОПИСАНИЕ<br><br>
  434. </div>
  435. </center>
  436.  
  437. <div id="pagination">
  438.  
  439.  
  440.  
  441.  
  442.  
  443.  
  444. </div>
  445.  
  446. </div>
  447.  
  448.  
  449. <div id="entries">
  450.  
  451. <div id="post">
  452.  
  453.  
  454.  
  455. {block:startposts} <!-- Блок: начало записи(ей) -->
  456. <div id="right">
  457. {/block:startposts}
  458.  
  459.  
  460. {block:text} <!-- Блок: текстовая запись -->
  461. <div class="post">
  462. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  463. <div>
  464. {%text%}
  465. </div>
  466. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  467. </div>
  468. {/block:text}
  469.  
  470.  
  471. {block:photo} <!-- Блок: фотография -->
  472. <div class="post">
  473. <div>
  474. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  475. </div>
  476. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  477. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  478. </div>
  479. {/block:photo}
  480.  
  481.  
  482. {block:link} <!-- Блок: ссылка -->
  483. <div class="post">
  484. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  485. {block:caption}<div>{%caption%}</div>{/block:caption}
  486. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  487. </div>
  488. {/block:link}
  489.  
  490.  
  491. {block:quote} <!-- Блок: цитата -->
  492. <div class="post">
  493. <h3>{%quote%}</h3> <!-- Цитата -->
  494. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  495. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  496. </div>
  497. {/block:quote}
  498.  
  499.  
  500. {block:audio} <!-- Блок: аудио -->
  501. <div class="post">
  502. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  503. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  504. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  505. </div>
  506. {/block:audio}
  507.  
  508.  
  509. {block:video} <!-- Блок: видео -->
  510. <div class="post">
  511. <div>{%videoplayer%}</div>
  512. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  513. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  514. </div>
  515. {/block:video}
  516.  
  517.  
  518. {block:dialog} <!-- Блок: диалог -->
  519. <div class="post">
  520. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  521. <div>{%dialog%}</div>
  522. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  523. </div>
  524. {/block:dialog}
  525.  
  526.  
  527.  
  528.  
  529.  
  530.  
  531. {block:endposts} <!-- Блок: конец записи(ей) -->
  532. </div>
  533. {/block:endposts}
  534.  
  535.  
  536. {block:startfooter} <!-- Блок: начало футера -->
  537. <div id="footer">
  538. {/block:startfooter}
  539.  
  540.  
  541.  
  542. {block:pages} <!-- Блок: постраничная навигация -->
  543. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  544.  
  545. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  546.  
  547. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  548. {/block:pages}
  549.  
  550.  
  551.  
  552. {block:endfooter} <!-- Блок: конец футера -->
  553. </div>
  554. <div class="clear"></div>
  555. {/block:endfooter}
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563. </body>
  564. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement