Advertisement
Guest User

ТЕМА

a guest
Aug 1st, 2015
180
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.47 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!-- Ad Muncher content start --><script type="text/javascript" src="http://interceptedby.admuncher.com/60F52A6911E29F87/helper.js#0.104014.0" id="wxzw_MainScript"></script><link rel="stylesheet" href="http://interceptedby.admuncher.com/60F52A6911E29F87/helper.css" type="text/css" media="all" /><!-- Ad Muncher content end -->
  4.  
  5.  
  6. <script>var __pbpa = true;</script><script>var translated_warning_string = '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?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=75ff60d174af47d7ea271d82d4fe1151"></script>
  7. <html>
  8. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  9.  
  10. <meta name="color:Background" content="#"/>
  11. <meta name="color:posts" content=""/>
  12. <meta name="color:Text" content="#9e9d9d"/>
  13. <meta name="color:link" content="#796e73"/>
  14. <meta name="color:link hover" content="#cf3774"/>
  15. <meta name="color:xo" content="#cf3774"/>
  16. <meta name="color:postborder" content="#e6e6e6"/>
  17. <meta name="color:border" content="#e6e6e6"/>
  18. <meta name="color:textshadow" content="#e2e0e0"/>
  19. <meta name="color:nav" content="#000000"/>
  20. <meta name="color:line1" content="#000000"/>
  21. <meta name="color:bubble" content="#fafafa"/>
  22. <meta name="color:bubbleborder" content="#e6e6e6"/>
  23.  
  24.  
  25. <meta name="color:navl1" content="#fffbf9"/>
  26. <meta name="color:navl2" content="##f9fffb"/>
  27. <meta name="color:navl3" content="#fbf9ff"/>
  28. <meta name="color:navl4" content="#e6e6e6"/>
  29. <meta name="color:bnavl" content="#e6e6e6"/>
  30.  
  31. <meta name="image:Background" content="" />
  32. <meta name="image:icon" content="" />
  33. <meta name="image:iconrev" content="" />
  34. <meta name="image:linebg" content="" />
  35. <meta name="image:audio" content="" />
  36.  
  37. <meta name="image:home" content="" />
  38. <meta name="image:ask" content="" />
  39. <meta name="image:plus" content="" />
  40. <meta name="image:heart" content="" />
  41. <meta name="image:top" content="" />
  42. <meta name="image:dragon" content="" />
  43.  
  44. <meta name="if:250px" content="0"/>
  45. <meta name="if:400px" content="0"/>
  46. <meta name="if:500px" content="1"/>
  47.  
  48. <title>here we go again.</title>
  49. <style type="text/css">figure {margin: 0;}</style>
  50. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  51. <link rel="alternate" type="application/rss+xml" href="АРХИВ">
  52. <meta name="description" content="i&#039;m a very dark larrie. also teen wolf + hp obsessed." />
  53.  
  54.  
  55.  
  56. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  57. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  58.  
  59. <link rel="alternate" href="android-app://com.tumblr/tumblr/x-callback-url/blog?blogName=niteskies" />
  60. <script src="http://assets.tumblr.com/assets/scripts/tumblelog.js?_v=93bb152582dbb408afc826f52e6676b4"></script>
  61.  
  62. <meta name="keywords" content="stiles stilinski,teen wolf,or derek,louis tomlinson,hp related" />
  63.  
  64. <!-- BEGIN TUMBLR FACEBOOK OPENGRAPH TAGS --><!-- If you'd like to specify your own Open Graph tags, define the og:url and og:title tags in your theme's HTML. --><!-- Read more: http://ogp.me/ --><meta property="fb:app_id" content="48119224995" /><meta property="og:title" content="here we go again." /><meta property="og:url" content="http://niteskies.tumblr.com/?og=1" /><meta property="og:description" content="i&#039;m a very dark larrie. also teen wolf + hp obsessed." /><meta property="og:type" content="tumblr-feed:tumblelog" /><meta property="og:image" content="http://38.media.tumblr.com/avatar_af80dbf931f8_128.png" /><meta property="al:ios:url" content="tumblr://x-callback-url/blog?blogName=niteskies" /><meta property="al:ios:app_name" content="Tumblr" /><meta property="al:ios:app_store_id" content="305343404" /><meta property="al:android:url" content="tumblr://x-callback-url/blog?blogName=niteskies" /><meta property="al:android:app_name" content="Tumblr" /><meta property="al:android:package" content="com.tumblr" /><!-- END TUMBLR FACEBOOK OPENGRAPH TAGS -->
  65.  
  66.  
  67. <!-- TWITTER TAGS --><meta charset="utf-8"><meta name="twitter:site" content="tumblr" /><meta name="twitter:card" content="summary" /><meta name="twitter:title" content="niteskies" /><meta name="twitter:description" content=" i&#039;m a very dark larrie. also teen wolf + hp obsessed." /><meta name="twitter:app:name:iphone" content="Tumblr" /><meta name="twitter:app:name:ipad" content="Tumblr" /><meta name="twitter:app:name:googleplay" content="Tumblr" /><meta name="twitter:app:id:iphone" content="305343404" /><meta name="twitter:app:id:ipad" content="305343404" /><meta name="twitter:app:id:googleplay" content="com.tumblr" /><meta name="twitter:app:url:iphone" content="tumblr://x-callback-url/blog?blogName=niteskies&amp;referrer=twitter-cards" /><meta name="twitter:app:url:ipad" content="tumblr://x-callback-url/blog?blogName=niteskies&amp;referrer=twitter-cards" /><meta name="twitter:app:url:googleplay" content="tumblr://x-callback-url/blog?blogName=niteskies&amp;referrer=twitter-cards" />
  68.  
  69. <!-- GOOGLE CAROUSEL --><script type="application/ld+json">{"@type":"ItemList","url":"http:\/\/niteskies.tumblr.com","itemListElement":[{"@type":"ListItem","position":1,"url":"http:\/\/niteskies.tumblr.com\/post\/125605038475"},{"@type":"ListItem","position":2,"url":"http:\/\/niteskies.tumblr.com\/post\/125601434673"},{"@type":"ListItem","position":3,"url":"http:\/\/niteskies.tumblr.com\/post\/125597981872"},{"@type":"ListItem","position":4,"url":"http:\/\/niteskies.tumblr.com\/post\/125594824380"},{"@type":"ListItem","position":5,"url":"http:\/\/niteskies.tumblr.com\/post\/125592104674"},{"@type":"ListItem","position":6,"url":"http:\/\/niteskies.tumblr.com\/post\/125589740080"},{"@type":"ListItem","position":7,"url":"http:\/\/niteskies.tumblr.com\/post\/125587990198"},{"@type":"ListItem","position":8,"url":"http:\/\/niteskies.tumblr.com\/post\/125587704712"},{"@type":"ListItem","position":9,"url":"http:\/\/niteskies.tumblr.com\/post\/125585762021"},{"@type":"ListItem","position":10,"url":"http:\/\/niteskies.tumblr.com\/post\/125583724081"}],"@context":"http:\/\/schema.org"}</script>
  70. </head>
  71.  
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. ::-webkit-scrollbar-thumb {height:auto; border: 3px solid white; background-color:#f4f4f4}
  77. ::-webkit-scrollbar { width:9px; height:9px; background-color:#f4f4f4; border: 4px solid white;}
  78.  
  79. #tumblr_controls {position: fixed !important; opacity:0.6;}
  80.  
  81. html,body {
  82. background-color: #ffffff;
  83. background-repeat: no-repeat;
  84. background-image:url('http://static.tumblr.com/171184d28748ccfb31af2e40d4016320/5tcya8g/5bJnpul7a/tumblr_static_5h8p1hyowf8kko4ogwogw88cc.png');
  85. background-attachment: fixed;
  86. background-position:bottom left;
  87. font-family: arial;
  88. line-height: 14px;
  89. font-size:11px;
  90. color: #9e9d9d;
  91. height:100%;
  92. cursor: url(http://media.tumblr.com/tumblr_lqs4qoKE1V1qfoi4t.png), crosshair;}
  93.  
  94. a:link, a:visited, a:active {
  95. color: #c9c5c5;
  96. padding-bottom:0px;
  97. text-decoration: none;
  98. font-weight: normal;
  99. -webkit-transition:all 0.5s ease-out;
  100. -moz-transition:all 0.5s ease-out;
  101. transition:all 0.5s ease-out; }
  102. a:hover {
  103. text-decoration: none;
  104. font-weight: normal;
  105. color: #aaa6a6;
  106. cursor: url(http://i46.tinypic.com/2wf6ddu.png), pointer;
  107. -webkit-transition: all 0.3s ease-out;
  108. -moz-transition: all 0.3s ease-out;
  109. transition: all 0.3s ease-out; }
  110.  
  111. a:after, a:before {
  112. -webkit-transition: all .3s;
  113. -moz-transition: all .3s;
  114. -ms-transition: all .3s;
  115. -o-transition: all .3s;
  116. transition: all .3s;
  117. }
  118.  
  119. .thetags a {
  120. padding:12px;
  121. }
  122. .thetags:before, .thetags:after {
  123. position: relative;
  124. top: 0px; /* Value depends on your design. */
  125. color: transparent;/* It makes the curly thetags invisible at the beginning.*/
  126. }
  127. .thetags:hover:before, .thetags:hover:after {
  128. color: #aaa6a6; /* Or whatever colour you want. */
  129. }
  130.  
  131. /* For movement */
  132. .thetags:before {
  133. content: "{";
  134. left: -8px;
  135. }
  136. .thetags:hover:before {
  137. left: -4px;
  138. }
  139. .thetags:after {
  140. content: "}";
  141. right: -8px;
  142. }
  143. .thetags:hover:after {
  144. right: -4px;
  145. }
  146.  
  147. .tagit:before {
  148. content: "\2605";
  149. position: relative;
  150. right: 0;
  151. color: transparent;
  152. }
  153. .tagit:hover:before {
  154. right: 5px;
  155. color: #aaa6a6;
  156. transform: rotate(360deg); /* Vendor prefixes. */
  157. /* A small fix. Read below why it's needed. */
  158. }
  159.  
  160. p {margin:2px;}
  161. ul {text-align: left;}
  162. .xo {color:#cf3774;}
  163.  
  164. .nav {
  165. z-index:99;
  166. position:fixed;
  167. margin-top:12px;
  168. margin-left:-5px;
  169. word-spacing:10px;
  170. }
  171.  
  172. .nav a {
  173. padding:3px;
  174. border: 2px #fafafa solid;
  175. border-radius: 20px;
  176. border-bottom:0px;
  177. position:fixed;
  178. -moz-border-radius: 20px;
  179. -webkit-border-radius: 20px;
  180. -webkit-transition: all 0.5s ease;
  181. -moz-transition: all 0.5s ease;
  182. -o-transition: all 0.5s ease;
  183. }
  184.  
  185. .nav img {padding:2px;
  186. -webkit-transition: all 0.7s ease;
  187. transition: all 0.7s ease;}
  188.  
  189. .nav a:hover img{
  190. -webkit-box-shadow: 0px 0px 15px 15px #fff;
  191. box-shadow: 0px 0px 15px 15px #fff;
  192. border-radius:50%;
  193. -webkit-transform: rotate(720deg);
  194. transform: rotate(720deg);
  195. }
  196. .nav a:hover {padding:7px; margin-top:-4px; margin-left:-4px;
  197. border: 2px #e1eefb solid;
  198. border-radius: 20px;
  199. border-bottom:0px;}
  200.  
  201.  
  202. .desc {
  203. z-index:-999999999999999999999999;
  204. position:fixed;
  205. text-align:justify;
  206. margin-left:110px;
  207. margin-top: 240px;
  208. line-height:12px;
  209. letter-spacing:1px;
  210. border-left:30px;
  211. padding-bottom:10px;
  212. padding:10px;
  213. padding-top:15px;
  214. padding-left:40px;
  215. font-size:10px;
  216. color: #9e9d9d;
  217. }
  218.  
  219. .desc img {
  220. border:3px solid #fff;
  221. -moz-border-radius: 100px;
  222. border-radius: 100px;
  223. }
  224.  
  225. .desct {
  226. border:0px solid #fff;
  227. margin-left:140px;
  228. letter-spacing:1px;
  229. width:125px;
  230. line-height:12px;
  231. font-size:10px;
  232. position:fixed;
  233. font-family:Libre Baskerville;
  234. font-style:italic;
  235. margin-top:355px;
  236. text-align:center;
  237. opacity:1;
  238. -webkit-transition: all 0.9s ease;
  239. -moz-transition: all 0.9s ease;
  240. -o-transition: all 0.9s ease;
  241. }
  242.  
  243. .i1{
  244. opacity:1;
  245. -webkit-transition: all 1.9s ease;
  246. -moz-transition: all 0.9s ease;
  247. -o-transition: all 0.9s ease; }
  248.  
  249. .i2 {opacity:0;
  250. margin-left:-110px;
  251. -webkit-transition: all 0.9s ease;
  252. -moz-transition: all 0.9s ease;
  253. -o-transition: all 0.9s ease; }
  254.  
  255. line1:hover .i2 {
  256. -webkit-transition: all 0.9s ease;
  257. -moz-transition: all 0.9s ease;
  258. -o-transition: all 0.9s ease;
  259. opacity:1; }
  260.  
  261. line1:hover .i1 {
  262. -webkit-transition: all 0.9s ease;
  263. -moz-transition: all 0.9s ease;
  264. -o-transition: all 0.9s ease;
  265. opacity:0; }
  266.  
  267. .icon {
  268. float:right;
  269. -moz-border-radius: 10px 100px 100px 100px;
  270. border-radius: 10px 100px 100px 100px;
  271. margin-top:-6px;
  272. margin-left:0px;
  273. margin-right:20px;
  274. width:70px;
  275. }
  276.  
  277. .pagi {
  278. opacity:1;
  279. z-index:9999999999;
  280. position:fixed;
  281. text-align:left;
  282. margin-left:80px;
  283. font-size: 9px;
  284. font-weight: normal;
  285. letter-spacing:0px;
  286. color: #9e9d9d;
  287. width:125px;
  288. padding-top:-3px;
  289. padding-left:50px;
  290. line-height:12px;
  291. font-family: georgia;
  292. -moz-transition-duration: 0.5s;
  293. -o-transition-duration: 0.5s;
  294. -webkit-transition-duration: 0.5s;
  295. transition-duration: 0.5s;
  296. }
  297.  
  298. .pagi a { color: ;}
  299. .pagi a:hover {
  300. text-shadow:4px 0 0 #e2e0e0, -4px 0 0 #e2e0e0;
  301. color: ;
  302. }
  303.  
  304. .sidebar {
  305. left: 830px;
  306. margin-top: 235px;
  307. position:fixed;
  308. }
  309.  
  310. .sidebar a:hover {
  311. text-shadow:4px 0 0 #e2e0e0, -4px 0 0 #e2e0e0;
  312. color: ;
  313. }
  314.  
  315. .line1 {
  316. z-index:9999;
  317. ackground-color:#fafafa;
  318. width: 220px;
  319. display:block;
  320. height:200%;
  321. top: 0px;
  322. position: fixed;
  323. left:0px;
  324. order-right:1px solid #f4f4f4;
  325. }
  326.  
  327. box { width: 1100px; margin:auto; }
  328. .scont { margin-left:750px; margin-top:20px;
  329. -webkit-transition: all 0.9s ease;
  330. -moz-transition: all 0.9s ease;
  331. -o-transition: all 0.9s ease; }
  332.  
  333.  
  334. #entries {
  335. border-right:0px solid #e5dfdf;
  336. padding-top:10px;
  337. margin-top:30px;
  338. display:block;
  339. margin-left:300px;
  340. position:absolute;
  341. -webkit-transition:all 0.9s;
  342. -moz-transition:all 0.9s;
  343. -ms-transition:all 0.9s;
  344. -o-transition:all 0.9s;
  345. }
  346.  
  347.  
  348.  
  349. #post {
  350. border: 1px solid #f4f4f4;
  351. padding:10px;
  352.  
  353.  
  354. width:400px;
  355.  
  356.  
  357.  
  358. display:block;
  359. background-color:#FFFFFF;
  360. color:#9e9d9d;
  361. }
  362.  
  363.  
  364. #info {
  365. z-index:1;
  366. border: 1px solid #f4f4f4;
  367. border-top:0px;
  368. background-color:#fafafa;
  369.  
  370.  
  371. width:390px;
  372.  
  373.  
  374.  
  375. text-align:center;
  376. padding:5px;
  377. padding-left:15px;
  378. padding-right:15px;
  379. letter-spacing:1px;
  380. margin-bottom:150px;
  381. }
  382.  
  383. #info img { width:14px; border: 1px solid #fff;}
  384.  
  385. .cap {
  386.  
  387.  
  388. width:400px;
  389.  
  390.  
  391.  
  392. display:block;
  393. text-align:justify;
  394. }
  395.  
  396.  
  397. /*TiTLES IN ENTRIES */
  398.  
  399. h1 {
  400. color:#9e9d9d;
  401. display:inline-block;
  402. letter-spacing:1px;
  403. text-transform:none;
  404. text-align:left;
  405. padding:0px;
  406. margin-bottom:0px;
  407. font-weight: lighter;
  408. font-size:15px;
  409. font-family: Libre Baskerville;
  410. text-transform:lowercase;
  411. font-style:italic;
  412. }
  413.  
  414. h1:first-letter {
  415. margin-left:10px;
  416. padding-top:3px;
  417. font-size:14px;
  418. text-transform:lowercase;
  419. }
  420.  
  421. .textp { padding-bottom:5px; padding-top:10px; }
  422. .textp blockquote { border-left: 1px dotted#e5dfdf; }
  423.  
  424. blockquote:first-letter{
  425. float: left;
  426. margin: .1em .0em .1em .3em;
  427. font-family: 'Libre Baskerville', helvetica;
  428. font-style:italic;
  429. font-size:15px;
  430. line-height:10px;
  431. letter-spacing:0px;
  432. text-transform: lowercase;}
  433.  
  434. blockquote {
  435. display: block;
  436. margin: 10px;
  437. font-size: 11px;
  438. padding-left: 5px;
  439. padding-right: 5px;
  440. margin-top: 0px;
  441. color: #9e9d9d;
  442. border-left: 1px dashed#e5dfdf;
  443.  
  444.  
  445. max-width:480px;
  446.  
  447.  
  448.  
  449. }
  450. <!--
  451. blockquote img {
  452.  
  453.  
  454. max-width:200px;height:auto;
  455.  
  456.  
  457.  
  458. }-_>
  459.  
  460. .chat ul {
  461. list-style-type: none;
  462.  
  463.  
  464. width:400px;
  465.  
  466.  
  467.  
  468. display: block;
  469. padding:0px;
  470. margin-left:5px;
  471. }
  472.  
  473. .person1 .label { font-weight:bold;}
  474. .person1 {padding:2px;}
  475. .person2 .label { font-weight:bold;}
  476. .person2 {padding:3px;}
  477. .person3 .label { font-weight:bold;}
  478. .person3 {padding:2px;}
  479. .person4 .label { font-weight:bold;}
  480. .person4 {padding:3px;}
  481. .person5 .label { font-weight:bold;}
  482. .person5 { padding:2px;}
  483. .person6 .label { font-weight:bold;}
  484. .person6 {padding:3px;}
  485.  
  486.  
  487. .quote {
  488. padding-top:15px;
  489. color:#9e9d9d;
  490.  
  491.  
  492. width:370px;
  493.  
  494.  
  495.  
  496. display:inline-block;
  497. letter-spacing:1px;
  498. text-transform:none;
  499. text-align:justify;
  500. margin-left:20px;
  501. padding-bottom:10px;
  502. font-weight: normal;
  503. font-style:italic;
  504. font-size:12px;
  505. text-transform:lowercase;
  506. font-family:'Playfair Display';
  507. }
  508.  
  509.  
  510. .source {
  511. padding-bottom:15px;
  512. color:#9e9d9d;
  513. display:block;
  514. letter-spacing:1px;
  515. opacity:.8;
  516. text-transform:none;
  517. text-align:center;
  518. font-weight: lighter;
  519. font-size:10px;
  520. font-family:helvetica;
  521. }
  522.  
  523. .quote:first-letter {
  524. float: left;
  525. margin: .0em .0em .1em .3em;
  526. font-family: 'Libre Baskerville', helvetica;
  527. font-style:italic;
  528. font-size:28px;
  529. line-height:10px;
  530. letter-spacing:0px;
  531. text-transform: lowercase;
  532. }
  533.  
  534. blockquote .quote{
  535. text-align:center;
  536. max-width:460px;
  537. padding-left:10px;
  538. padding-bottom:10px;
  539. border-left:0px;
  540. }
  541.  
  542. blockquote .quote:first-letter {
  543. font-family: arial;
  544. margin-left:10px;
  545. padding-top:3px;
  546. font-size:12px;
  547. font-weight:lighter;
  548. text-transform:lowercase;
  549. }
  550.  
  551.  
  552. #audio {
  553. height:120px;
  554.  
  555.  
  556. width:400px;
  557.  
  558.  
  559.  
  560. }
  561.  
  562. .cover {
  563. padding:5px;
  564. position:absolute;
  565. border:2px solid #fafafa;
  566. jbackground-color:#fafafa;
  567. border-radius: 100px;
  568. -moz-border-radius: 100px;
  569. -webkit-border-radius: 100px;
  570. }
  571.  
  572. .cover img {
  573. width:80px;
  574. z-index:-99999;
  575. height:80px;
  576. jborder:5px solid #fff;
  577. jmargin-top:-35px;
  578. border-radius: 100px;
  579. -moz-border-radius: 100px;
  580. -webkit-border-radius: 100px;
  581. }
  582.  
  583. .player {
  584. width:25px;
  585. height:25px;
  586. top:25px;
  587. margin-left:25px;
  588. position: relative;
  589. opacity:.8;
  590. border: 10px solid #ffffff;
  591. overflow:hidden;
  592. border-radius:30px;
  593. -webkit-border-radius:30px;
  594. -moz-border-radius:30px;
  595. -webkit-border-radius: 100px;
  596. -webkit-transition:all 0.9s;
  597. -moz-transition:all 0.9s;
  598. -o-transition:all 0.9s;
  599. -ms-transition: all 0.9s;
  600. transition:all 0.9s;
  601. background-color:#ffffff;
  602. }
  603. .player:hover {
  604. -webkit-transition:all 0.9s;
  605. -moz-transition:all 0.9s;
  606. -o-transition:all 0.9s;
  607. -ms-transition: all 0.9s;
  608. transition:all 0.9s;
  609. opacity:0.3;
  610. }
  611.  
  612. .audioplayer {
  613. margin-left:-1px;
  614. margin-top:-1px;
  615. }
  616.  
  617. .audiopic {
  618. padding:5px;
  619. font-weight: lighter;
  620. font-size:15px;
  621. display:block;
  622. margin-top:-30px;
  623. width:300px;
  624. margin-left:90px;
  625. font-family: times;
  626. text-align:center;
  627. letter-spacing:2px;
  628. text-transform:lowercase;
  629. line-height:17px;
  630. overflow:hidden;
  631. }
  632.  
  633. .audioinfo {
  634. padding:5px;
  635. font-weight: lighter;
  636. font-style:italic;
  637. font-size:15px;
  638. display:block;
  639. margin-top:-10px;
  640. width:300px;
  641. margin-left:90px;
  642. font-family: Libre Baskerville;
  643. text-align:center;
  644. letter-spacing:1px;
  645. text-transform:lowercase;
  646. height:30px;
  647. line-height:17px;
  648. overflow:hidden;
  649. }
  650.  
  651.  
  652. #question {
  653.  
  654.  
  655. width:370px;
  656.  
  657.  
  658.  
  659. height: auto;
  660. margin: auto;
  661. font-size: 16px;
  662. line-height: 22px;
  663. color: #a99d95;
  664. font-weight: 500;
  665. letter-spacing: 0px;
  666. font-style: italic;
  667. }
  668.  
  669. .whisper:after {
  670. position: absolute;
  671. display: block;
  672. content: "";
  673. border-color: #fafafa transparent transparent transparent;
  674. border-style: solid;
  675. border-width: 10px;
  676. height:0;
  677. width:0;
  678. position:absolute;
  679. bottom:-19px;
  680. left:1em;
  681. }
  682.  
  683. .whisper {
  684. text-align:center;
  685. margin-top:1px;
  686. font-size: 11px;
  687. text-transform: lowercase;
  688. line-height:10px;
  689. padding: 5px;
  690. margin-left:10px;
  691. border-bottom: 0px solid #e5dfdf;
  692.  
  693.  
  694. width:380px;
  695.  
  696.  
  697.  
  698. letter-spacing: 1px;
  699. position: relative;
  700. background-color: #fafafa;
  701. margin: 0;
  702. padding:10px;
  703. text-align:center;
  704. -moz-border-radius:10px;
  705. -webkit-border-radius:10px;
  706. -webkit-box-shadow: 0px 0 3px #e6e6e6;
  707. -moz-box-shadow: 0px 0 3px #e6e6e6;
  708. box-shadow: 0px 0 3px #e6e6e6;
  709. }
  710.  
  711. .whisper img { float: left; margin-top:-2px; margin-right: 3px; }
  712.  
  713. .reply {
  714. text-align:justify;
  715. font-size: 11px;
  716. text-transform: lowercase;
  717. color: #9e9d9d;
  718. margin-left:35px;
  719. line-height:12px;
  720. margin-top: 10px;
  721. padding-bottom: 5px;
  722. }
  723.  
  724. .nolq {letter-spacing:0px; font-size:9px;}
  725.  
  726. .reply blockquote {
  727.  
  728.  
  729. width:365px;
  730.  
  731.  
  732.  
  733. margin-left:-20px; border-left: 0px dotted #e5dfdf;
  734. }
  735.  
  736. .reply img {
  737.  
  738.  
  739. width:300px;
  740.  
  741.  
  742.  
  743. }
  744.  
  745. .questions {
  746. margin:0px 0px 0px 0px;
  747. text-align: left;
  748. text-transform: lowercase;
  749. font-family:arial;
  750. }
  751.  
  752. .postnotes { color: #9e9d9d; font-style: none; margin-top:-80px; margin-left:10px; }
  753.  
  754. .postnotes img {
  755. border-radius: 150px;
  756. -moz-border-radius: 150px;
  757. -webkit-border-radius: 150px;
  758. }
  759.  
  760. ol { list-style-type: none; padding-bottom:5px; margin-left:10px;}
  761.  
  762. ol.notes li { border-bottom: 1px solid #f4f4f4; padding:5px; width:350px;}
  763.  
  764. ol.notes li img {
  765. width:13px;
  766. float:left;
  767. margin-right:5px;
  768. -webkit-transition:all 0.9s;
  769. -moz-transition:all 0.9s;
  770. -ms-transition:all 0.9s;
  771. -o-transition:all 0.9s;
  772. }
  773.  
  774. ol.notes li img:hover {
  775. -webkit-transition:all 0.9s;
  776. -moz-transition:all 0.9s;
  777. -ms-transition:all 0.9s;
  778. -o-transition:all 0.9s;
  779. }
  780.  
  781. .reblog_button, .like_button iframe {
  782. padding:0px;
  783. float:right;
  784. display:inline-block;
  785. background: transparent;
  786. jborder-bottom:1px solid #f4f4f4;
  787. cursor: url(http://i46.tinypic.com/2wf6ddu.png), pointer;
  788.  
  789. }
  790.  
  791. .reblog_button { margin-top:-13px; margin-right:6px; }
  792. .like_button iframe { width:9px;margin-right:-3px;margin-top:-18px; }
  793.  
  794. .like_button iframe:hover {
  795. cursor: url(http://i46.tinypic.com/2wf6ddu.png), pointer; }
  796.  
  797. .top {
  798. padding-right:5px;
  799. padding-left:5px;
  800. top:70px;
  801. z-index:2;
  802. width:100%;
  803. margin-left:auto;
  804. text-align:center;
  805. border-right:0px dashed #e5dfdf;
  806. position:absolute;
  807.  
  808.  
  809. -webkit-transition: all 0.5s ease-in-out;
  810. -moz-transition: all 0.5s ease-in-out;
  811. -o-transition: all 0.5s ease-in-out;
  812. }
  813.  
  814. .vh
  815. {
  816. opacity:0;
  817. position: absolute;
  818. width: auto;
  819. margin-top:-14px;
  820. margin-left:-32px;
  821. height: 6px;
  822. font-size:6px;
  823. font-family:cambria;
  824. line-height:6px;
  825. padding: 3px;
  826. color:#8d8787;
  827. background-color: #fff;
  828. border: 1px solid #eeeeee;
  829. -webkit-border-radius: 10px;
  830. -moz-border-radius: 10px;
  831. border-radius: 10px;
  832.  
  833. -webkit-transition:all 0.5s ease-out;
  834. -moz-transition:all 0.5s ease-out;
  835. transition:all 0.5s ease-out;
  836. }
  837.  
  838. .sh
  839. {
  840. opacity:0;
  841. position: absolute;
  842. width: auto;
  843. margin-top:-14px;
  844. margin-left:-35px;
  845. height: 6px;
  846. font-size:6px;
  847. line-height:6px;
  848. font-family:cambria;
  849. padding: 3px;
  850. color:#8d8787;
  851. background-color:#fff;
  852. border: 1px solid #eeeeee;
  853. -webkit-border-radius: 10px;
  854. -moz-border-radius: 10px;
  855. border-radius: 10px;
  856.  
  857. -webkit-transition:all 0.5s ease-out;
  858. -moz-transition:all 0.5s ease-out;
  859. transition:all 0.5s ease-out;
  860. }
  861.  
  862. .vs:hover .vh, .vs:hover .sh{
  863. opacity:1;
  864.  
  865. -webkit-transition:all 0.5s ease-out;
  866. -moz-transition:all 0.5s ease-out;
  867. transition:all 0.5s ease-out;
  868. }
  869.  
  870. .vh:after, .sh:after
  871. {
  872. content: '';
  873. position: absolute;
  874. border-style: solid;
  875. border-width: 5px 3px 0;
  876. border-color: #eeeeee transparent;
  877. display: block;
  878. width: 0;
  879. z-index: 1;
  880. top: 13px;
  881. left: 7px;
  882.  
  883. -webkit-transition:all 0.5s ease-out;
  884. -moz-transition:all 0.5s ease-out;
  885. transition:all 0.5s ease-out;
  886. }
  887.  
  888.  
  889. #ups {
  890. text-align:center;
  891. opacity: 1;
  892. position:fixed;
  893. font-family:calibri;
  894. right:-90px;
  895. letter-spacing:1px;
  896. width:120px;
  897. z-index:9999;
  898. padding:3px;
  899. bottom:10px;
  900. }
  901.  
  902. #about, #atm, #favs, #tune {
  903. background:#fff;
  904. text-align:center;
  905. overflow:hidden;
  906. text-transform:uppercase;
  907. border:1px dashed #f5f5f5;
  908. border-radius: 20px;
  909. padding-top:6px;
  910. padding-right:3px;
  911. padding-left:3px;
  912. letter-spacing:1px;
  913. width:22px;
  914. margin-bottom:5px;
  915. margin-right:0px;
  916. height:20px;
  917. -webkit-transition: all 0.5s ease-in-out;
  918. -moz-transition: all 0.5s ease-in-out;
  919. -o-transition: all 0.5s ease-in-out;
  920. }
  921.  
  922. #about:hover, #atm:hover, #favs:hover, #tune:hover {
  923. width:130px;
  924. margin-left:-100px;
  925. -webkit-transition: all 0.5s ease-in-out;
  926. -moz-transition: all 0.5s ease-in-out;
  927. -o-transition: all 0.5s ease-in-out;
  928. }
  929.  
  930. #about:hover {
  931. height:130px;
  932. }
  933.  
  934. #atm:hover {
  935. height:145px;
  936. }
  937.  
  938. #favs:hover {
  939. height:100px;
  940. }
  941.  
  942. #tune:hover {
  943. height:90px;
  944. }
  945.  
  946.  
  947.  
  948. #ut {
  949. text-transform:lowercase;
  950. font-family: helvetica;
  951. font-size:9px;
  952. letter-spacing:0px;
  953. line-height:10px;
  954. text-align:center;
  955. color:#9e9d9d;
  956. }
  957.  
  958. #ut b {
  959. letter-spacing:2px;
  960. text-transform:lowercase;
  961. font-weight:lighter;
  962. font-size:11px;
  963. }
  964.  
  965. #favs a {
  966. color: ;
  967. letter-spacing:1px;
  968. text-transform:lowercase;
  969. font-weight:lighter;
  970. font-size:9px;
  971. line-height:13px;
  972. }
  973.  
  974. #tune a {
  975. color: #b3d7ba;
  976. }
  977.  
  978.  
  979.  
  980.  
  981. </style>
  982. </head>
  983.  
  984. </a>
  985.  
  986. <body>
  987.  
  988. </div>
  989.  
  990.  
  991.  
  992. <div id="box">
  993.  
  994. <div class=sidebar><div class=nav>
  995. <div style="margin-top:0px; margin-left:20px;"><a href=/ style="display:inline-block; z-index:9999999;"><img src="http://static.tumblr.com/2015daae1d676432bfe8cc417be25d2b/5tcya8g/BIlnb81nl/tumblr_static_bkpheztp9lkc44cw8sogw4sw8.png"></a></div>
  996. <div style="margin-left:55px;"> <a href=/talk style=" display:inline-block; "><img src="http://static.tumblr.com/5b80f6b287f935df5d5eae173919821e/5tcya8g/gJ8nb81nm/tumblr_static_9edbwpzny1wkk8gog8go8ksww.png"></a></div>
  997. <div style="margin-left:90px;"> <a href=/stuff style=" display:inline-block;"><img src="http://static.tumblr.com/ea2521bf89cac73118b29c153ac06fc5/5tcya8g/l4Bnb81nm/tumblr_static_cq5zs90w868k4k0k4kc0w0k8s.png"></a></div>
  998. <div style="margin-left:125px;"> <a href=http://catofthecanalls.tumblr.com/ target=_blank style="display:inline-block;"><img src="http://static.tumblr.com/b0ee1d7a2bf3305f765bdac6d78dae7e/5tcya8g/YQwnb81nm/tumblr_static_891r6z6ffyoss84skko08swgo.png"></a></div>
  999. <div style="margin-top:15px; display:none"> <div style=" position:fixed; "><a href=http://catofthecanalls.tumblr.com/ target=_blank><img src="http://static.tumblr.com/b0ee1d7a2bf3305f765bdac6d78dae7e/5tcya8g/YQwnb81nm/tumblr_static_891r6z6ffyoss84skko08swgo.png"></a></div>
  1000. </div></div>
  1001.  
  1002. <span style="letter-spacing:0px; display:block; width:300px;text-align:right; border-bottom: 1px solid #f4f4f4; padding:15px; ">
  1003. НАЗВАНИЕ БЛОГА
  1004. </span><br><img src="АВА" class="icon"><span style="letter-spacing:1px; display:block; width:340px;text-align:left; font-size:9px; padding-left:10px;">
  1005. <span style="float: left;
  1006. margin: .0em .1em .1em .0em;
  1007. font-family: 'Libre Baskerville', serif;
  1008. font-size:26px; letter-spacing:-2px; text-transform: lowercase;"><span style="font-size:28px; margin-top:9px; position:absolute; ">&ОПИСАНИЕdquo;</span></span><span style="margin-left:13px; margin-right:5px;font-size:16px; text-transform: lowercase;"><i>I</i></span>ОПИСАНИЕ.
  1009. <div class=pagi>
  1010. 1 <a class="jump_page" href="/page/2"><span style="font-family:trebuchet ms">&#8594;</span></a>
  1011. </div>
  1012. </span>
  1013.  
  1014.  
  1015. </div>
  1016.  
  1017. <!-- <div class=desc>
  1018. <img src=http://static.tumblr.com/096392827929756c2866a32912d75805/5tcya8g/jD6nrl7gv/tumblr_static_e5w4ry7tq9kw8oksso84kc8sc.png class=i1>
  1019. <img src=http://static.tumblr.com/22c05b39465f3af88dc33f664da450bd/5tcya8g/KRnnnsoay/tumblr_static_20hwm2tunqf48wckgwkwk8cgg.png class=i2>
  1020. </div>-->
  1021.  
  1022. </div>
  1023.  
  1024. <div id="entries">
  1025.  
  1026.  
  1027. <div id="post">
  1028.  
  1029.  
  1030.  
  1031. {block:startposts} <!-- Блок: начало записи(ей) -->
  1032. <div id="right">
  1033. {/block:startposts}
  1034.  
  1035.  
  1036. {block:text} <!-- Блок: текстовая запись -->
  1037. <div class="post">
  1038. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  1039. <div>
  1040. {%text%}
  1041. </div>
  1042. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  1043. </div>
  1044. {/block:text}
  1045.  
  1046.  
  1047. {block:photo} <!-- Блок: фотография -->
  1048. <div class="post">
  1049. <div>
  1050. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  1051. </div>
  1052. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  1053. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  1054. </div>
  1055. {/block:photo}
  1056.  
  1057.  
  1058. {block:link} <!-- Блок: ссылка -->
  1059. <div class="post">
  1060. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  1061. {block:caption}<div>{%caption%}</div>{/block:caption}
  1062. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  1063. </div>
  1064. {/block:link}
  1065.  
  1066.  
  1067. {block:quote} <!-- Блок: цитата -->
  1068. <div class="post">
  1069. <h3>{%quote%}</h3> <!-- Цитата -->
  1070. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  1071. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  1072. </div>
  1073. {/block:quote}
  1074.  
  1075.  
  1076. {block:audio} <!-- Блок: аудио -->
  1077. <div class="post">
  1078. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  1079. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  1080. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  1081. </div>
  1082. {/block:audio}
  1083.  
  1084.  
  1085. {block:video} <!-- Блок: видео -->
  1086. <div class="post">
  1087. <div>{%videoplayer%}</div>
  1088. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  1089. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  1090. </div>
  1091. {/block:video}
  1092.  
  1093.  
  1094. {block:dialog} <!-- Блок: диалог -->
  1095. <div class="post">
  1096. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  1097. <div>{%dialog%}</div>
  1098. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  1099. </div>
  1100. {/block:dialog}
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107. {block:endposts} <!-- Блок: конец записи(ей) -->
  1108. </div>
  1109. {/block:endposts}
  1110.  
  1111.  
  1112. {block:startfooter} <!-- Блок: начало футера -->
  1113. <div id="footer">
  1114. {/block:startfooter}
  1115.  
  1116.  
  1117.  
  1118. {block:pages} <!-- Блок: постраничная навигация -->
  1119. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  1120.  
  1121. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  1122.  
  1123. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  1124. {/block:pages}
  1125.  
  1126.  
  1127.  
  1128. {block:endfooter} <!-- Блок: конец футера -->
  1129. </div>
  1130. <div class="clear"></div>
  1131. {/block:endfooter}
  1132.  
  1133.  
  1134.  
  1135.  
  1136.  
  1137.  
  1138.  
  1139. </body>
  1140. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement