Advertisement
Guest User

Theme Blog Theme

a guest
Oct 19th, 2013
313
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.73 KB | None | 0 0
  1. <!--
  2.  
  3. [[•------» яσχιє'ѕ тнємєѕ «------•]]
  4.  
  5. do noт reмove тнe credιт
  6. do noт υѕe aѕ вaѕe
  7. do noт claιм aѕ yoυrѕ
  8.  
  9. [[•------» тнαик уσυ «------•]]
  10.  
  11.  
  12. -->
  13.  
  14. <html>
  15.  
  16. <head>
  17.  
  18. <meta name="color:Background" content="#f3f3f3" />
  19. <meta name="color:Center Bar Background" content="#2a363b" />
  20. <meta name="color:Center Bar Text" content="#ffffff" />
  21. <meta name="color:Links" content="#83af9b" />
  22. <meta name="color:Links Hover" content="#fe4365" />
  23. <meta name="color:Navi Links" content="#99b898" />
  24. <meta name="color:Navi Links Hover" content="#ffe6e6" />
  25. <meta name="color:Navi Background" content="#597467" />
  26. <meta name="color:Navi Background Hover" content="#ff847c" />
  27. <meta name="color:Permalink Background" content="#597467"/>
  28. <meta name="color:Permalink Links" content="#ffffff"/>
  29. <meta name="color:Permalink Links Hover" content="#2a363b"/>
  30. <meta name="color:Permalink Border" content="#99b898"/>
  31. <meta name="color:Scrollbar" content="#1d2529" />
  32. <meta name="color:Text" content="#adacac" />
  33.  
  34. <meta name="image:Background" content="http://static.tumblr.com/8a8884823da74b87be0e54dc9676e7ca/g38u19j/d7dmuxis8/tumblr_static_tumblr_lvuln9wykz1r1ne7to9_r1_250.png" />
  35.  
  36. <meta name="text:Link 1 Title" content="" />
  37. <meta name="text:Link 1 Url" content="" />
  38. <meta name="text:Link 2 Title" content="" />
  39. <meta name="text:Link 2 Url" content="" />
  40. <meta name="text:Link 3 Title" content="" />
  41. <meta name="text:Link 3 Url" content="" />
  42. <meta name="text:Link 4 Title" content="" />
  43. <meta name="text:Link 4 Url" content="" />
  44. <meta name="text:Link 5 Title" content="" />
  45. <meta name="text:Link 5 Url" content="" />
  46.  
  47. <title>{Title}</title>
  48. <link rel="shortcut icon" href="{Favicon}">
  49.  
  50. <script src="//use.edgefonts.net/mr-dafoe.js"></script>
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55. iframe#tumblr_controls {
  56. white-space:nowrap;
  57. -webkit-filter: invert(100%);
  58. -moz-filter: invert(100%);
  59. -o-filter: invert(100%);
  60. -ms-filter: invert(100%);
  61. filter: invert(100%);
  62. opacity:.2;
  63. transition: .8s ease-in-out;
  64. -webkit-transition: .8s ease-in-out;
  65. -moz-transition: .8s ease-in-out;
  66. -o-transition: .8s ease-in-out;
  67. }
  68.  
  69.  
  70. body {
  71. background-attachment:fixed;
  72. font-size:10px;
  73. font-family:cambria;
  74. color:{color:Text};
  75. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  76. background-color:{color:Background};
  77. background-image:url('{image:Background}');
  78. }
  79.  
  80. a {
  81. text-decoration:none;
  82. color:{color:Links};
  83. -webkit-transition: all 0.2s ease-in-out;
  84. -moz-transition: all 0.2s ease-in-out;
  85. -o-transition: all 0.2s ease-in-out;
  86. -ms-transition: all 0.2s ease-in-out;
  87. transition: all 0.2s ease-in-out;
  88. }
  89.  
  90. a:hover {
  91. color:{color:links hover};
  92. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  93. -webkit-transition: all 0.2s ease-in-out;
  94. -moz-transition: all 0.2s ease-in-out;
  95. -o-transition: all 0.2s ease-in-out;
  96. -ms-transition: all 0.2s ease-in-out;
  97. transition: all 0.2s ease-in-out;
  98. }
  99.  
  100. big {font-size:18px;}
  101.  
  102. ::-webkit-scrollbar-thumb{
  103. background-color:{color:Scrollbar};
  104. height:auto;
  105. }
  106.  
  107. ::-webkit-scrollbar{
  108. width:5px;
  109. background-color:{color:Background};
  110. background-image:url('{image:Background}');
  111. }
  112.  
  113. #entries{
  114. position:fixed;
  115. bottom:0px;
  116. right:0px;
  117. height:100%;
  118. width:35%;
  119. overflow-y:auto;
  120. overflow-x:hidden;
  121. }
  122.  
  123. #post{
  124. width:80%;
  125. text-align:justify;
  126. background:#fff;
  127. padding:20px;
  128. margin:auto;
  129. margin-top:20px;
  130. margin-bottom:20px;
  131. color:{color:text};
  132. z-index:9999;
  133. }
  134.  
  135. .posttitle{
  136. font-family:cambria;
  137. font-weight:bold;
  138. font-style:italic;
  139. font-size: 20px;
  140. line-height: 20px;
  141. letter-spacing:-1px;
  142. }
  143.  
  144. blockquote{
  145. margin-left:10px;
  146. padding-left:4px;
  147. border-left: 3px dotted {color:Links};
  148. background:#f5f5f5;
  149. padding-left:10px;
  150. padding-right:10px;
  151. padding-top:5px;
  152. padding-bottom:5px;
  153. }
  154.  
  155.  
  156. .bubble {
  157. align:right;background: #e8e8e8;
  158. margin:7px 0px 5px 0px;
  159. padding:10px;
  160. position: relative;
  161. }
  162.  
  163. .bubble p {
  164. margin:1px 0px;
  165. }
  166.  
  167. .bubble span {
  168. display:block;
  169. position:absolute;
  170. width:1px;
  171. height:1px
  172. font-size: 0;
  173. line-height: 1px;
  174. left:-10px;
  175. top:10px;
  176. border-right:7px solid transparent;
  177. border-left:7px solid transparent;
  178. border-top:10px solid #e8e8e8;
  179. }
  180.  
  181. .askborder {
  182. float: left;
  183. margin: 1px 4px 0 0;
  184. padding: 2px;
  185. background: #e8e8e8;
  186. }
  187.  
  188. .p { padding-top: 5px;}
  189. .ol, ul { margin-left: 10px; padding: 5px; }
  190. .ul { list-style-type: square; }
  191.  
  192.  
  193. #permalink{
  194. margin-top:15px;
  195. margin-bottom:-10px;
  196. }
  197.  
  198. .infos{
  199. background-color:{color:Permalink Background};
  200. border-top:4px solid {color:Permalink Border};
  201. border-bottom:4px solid {color:Permalink Border};
  202. padding:1px;
  203. font-size:8px;
  204. letter-spacing:2px;
  205. }
  206.  
  207. .infos a{
  208. font-family:calibri;
  209. text-transform:uppercase;
  210. color:{color:Permalink Links};
  211. margin-left:10px;
  212. padding-left:3px;
  213. padding-right:3px;
  214. padding-top:1px;
  215. padding-bottom:1px;
  216. }
  217.  
  218. .infos a:hover{
  219. color:{color:Permalink Links Hover};
  220. }
  221.  
  222. .tag{
  223. text-align:right;
  224. font-family:cambria;
  225. font-style:italic;
  226. margin-top:5px;
  227. }
  228.  
  229. .tag a{
  230. color:#ccc;
  231. }
  232.  
  233. .tag a:hover{
  234. color:#83AF9B;
  235. }
  236.  
  237. #centerbar{
  238. position:fixed;
  239. width:25%;
  240. height:100%;
  241. background:{color:Center Bar Background};
  242. right:35%;
  243. top:0px;
  244. }
  245.  
  246. .title{
  247. margin:70px;
  248. margin-bottom:10px;
  249. font-family: mr-dafoe, cursive;
  250. font-size:80px;
  251. text-align:center;
  252. line-height:80%;
  253. color:{color:Center Bar Text};
  254. }
  255.  
  256. .description{
  257. text-align:center;
  258. margin:70px;
  259. margin-top:20px;
  260. color:{color:Center Bar Text};
  261. }
  262.  
  263. .description img{
  264. opacity:1;
  265. -webkit-transition: all 0.2s ease-in-out;
  266. -moz-transition: all 0.2s ease-in-out;
  267. -o-transition: all 0.2s ease-in-out;
  268. -ms-transition: all 0.2s ease-in-out;
  269. transition: all 0.2s ease-in-out;
  270. }
  271.  
  272. .description img:hover{
  273. opacity:0.5;
  274. -webkit-transition: all 0.2s ease-in-out;
  275. -moz-transition: all 0.2s ease-in-out;
  276. -o-transition: all 0.2s ease-in-out;
  277. -ms-transition: all 0.2s ease-in-out;
  278. transition: all 0.2s ease-in-out;
  279. }
  280.  
  281.  
  282. .pagination {
  283. margin-top:10px;
  284. font-family:cambria;
  285. font-size:15px;
  286. font-weight:bold;
  287. font-style:italic;
  288. text-align:center;
  289. }
  290. .pagination a{
  291. margin:20px;
  292. }
  293.  
  294. .navi {
  295. margin-top:20px;
  296. text-align:center;
  297. font-size:12px;
  298. font-family:calibri;
  299. text-transform:uppercase;
  300. letter-spacing:3px;
  301. }
  302.  
  303. .navi a {
  304. display:block;
  305. padding:2px;
  306. margin-top:5px;
  307. }
  308.  
  309. .navi a:hover {
  310. letter-spacing:5px;
  311. background:{color:Navi Background Hover};
  312. color:{color:Navi Links Hover};
  313. }
  314.  
  315. .navi1 a{
  316. color:{color:Navi Links};
  317. background:{color:Navi Background};
  318. }
  319. .navi2 a {
  320. background:{color:Navi Links};
  321. color:{color:Navi Background};
  322. }
  323.  
  324.  
  325. #profiles {
  326. position:fixed;
  327. top:0px;
  328. left:0px;
  329. height:100%;
  330. width:40%;
  331. overflow:auto;
  332. }
  333.  
  334. #profiles em{
  335. color:#fd1b1b;
  336. }
  337.  
  338. .info {
  339. background-position:center;
  340. background-size:220px 150px;
  341. width:200px;
  342. margin-top:20px;
  343. margin-bottom:20px;
  344. margin-left:25px;
  345. height:150px;
  346. font-size:10px;
  347. padding:10px;
  348. float:left;
  349. text-align:center;
  350. -webkit-transition: all 0.5s ease-in-out;
  351. -moz-transition: all 0.5s ease-in-out;
  352. -o-transition: all 0.5s ease-in-out;
  353. -ms-transition: all 0.5s ease-in-out;
  354. transition: all 0.5s ease-in-out;
  355. box-shadow:inset 0 0 0 0px rgba(0,0,0,0.8);
  356. }
  357.  
  358.  
  359. .info:hover{
  360. box-shadow:inset 0 0 0 100px rgba(0,0,0,0.8);
  361. -webkit-transition: all 0.5s ease-in-out;
  362. -moz-transition: all 0.5s ease-in-out;
  363. -o-transition: all 0.5s ease-in-out;
  364. -ms-transition: all 0.5s ease-in-out;
  365. transition: all 0.5s ease-in-out;
  366. }
  367.  
  368. .info:hover
  369. .url{
  370. font-size:24px;
  371. -webkit-transition: all 0.1s ease-in-out;
  372. -moz-transition: all 0.1s ease-in-out;
  373. -o-transition: all 0.1s ease-in-out;
  374. -ms-transition: all 0.1s ease-in-out;
  375. transition: all 0.1s ease-in-out;
  376. }
  377.  
  378. .url {
  379. font-family:cambria;
  380. font-weight:bold;
  381. font-style:italic;
  382. font-size:0px;
  383. width:150px;
  384. padding-top:50px;
  385. text-align:center;
  386. margin:0 auto;
  387. color:#a2a2a2;
  388. text-transform:lowercase;
  389. -webkit-transition: all 0.1s ease-in-out;
  390. -moz-transition: all 0.1s ease-in-out;
  391. -o-transition: all 0.1s ease-in-out;
  392. -ms-transition: all 0.1s ease-in-out;
  393. transition: all 0.1s ease-in-out;
  394. }
  395.  
  396. .url a{
  397. margin:10px;
  398. color:#ccc;
  399. }
  400.  
  401. .url a:hover{
  402. color:#6e6e6e;
  403. }
  404.  
  405. .info:hover
  406. .name{
  407. font-size:12px;
  408. -webkit-transition: all 0.5s ease-in-out;
  409. -moz-transition: all 0.5s ease-in-out;
  410. -o-transition: all 0.5s ease-in-out;
  411. -ms-transition: all 0.5s ease-in-out;
  412. transition: all 0.5s ease-in-out;
  413. }
  414.  
  415. .name{
  416. color:#fff;
  417. font-family:century gothic;
  418. letter-spacing:1px;
  419. font-size:0px;
  420. text-transform:uppercase;
  421. -webkit-transition: all 0.5s ease-in-out;
  422. -moz-transition: all 0.5s ease-in-out;
  423. -o-transition: all 0.5s ease-in-out;
  424. -ms-transition: all 0.5s ease-in-out;
  425. transition: all 0.5s ease-in-out;
  426. }
  427.  
  428. /*------» do noт reмove «------*/
  429.  
  430. #credit {
  431. font-family:calibri;
  432. font-size:10px;
  433. position: fixed;
  434. bottom:10px;
  435. right:3px;
  436. width: 60px;
  437. height:25px;
  438. text-align:right;
  439. z-index:9999;
  440. transition: .2s ease-in-out;
  441. -webkit-transition: .2s ease-in-out;
  442. -moz-transition: .2s ease-in-out;
  443. -o-transition: .2s ease-in-out;
  444. }
  445.  
  446. #credit:hover{
  447. opacity:0.3;
  448. transition: .2s ease-in-out;
  449. -webkit-transition: .2s ease-in-out;
  450. -moz-transition: .2s ease-in-out;
  451. -o-transition: .2s ease-in-out;
  452. }
  453.  
  454.  
  455. /*------» тнαик уσυ «------*/
  456.  
  457. </style>
  458.  
  459.  
  460. </head>
  461.  
  462.  
  463. <body>
  464.  
  465. <!-- [[•------» do noт reмove «------•]] -->
  466.  
  467. <div id="credit">
  468. <a href="http://cuphaz.tumblr.com/theme" target:"_blank"><img src="http://media.tumblr.com/78a1ef9781a5a905225198cebbd9f0e2/tumblr_inline_ms8bvmL02a1qz4rgp.png"></a>
  469. </div>
  470.  
  471. <!-- [[•------» тнαик уσυ «------•]] -->
  472.  
  473.  
  474. <div id="profiles">
  475.  
  476. <div class="info" style="background-image:url('http://31.media.tumblr.com/1ad0126ee9440fe38c58e2cc5dda3433/tumblr_muxjw53nD01rcenv1o1_250.png');">
  477. <div class="url">
  478. <a href="/">prev</a><a href="/">info</a>
  479. </div>
  480. <div class="name">- coming soon - <em>NEW!</em></div>
  481. </div>
  482.  
  483. <div class="info" style="background-image:url('http://31.media.tumblr.com/1ad0126ee9440fe38c58e2cc5dda3433/tumblr_muxjw53nD01rcenv1o1_250.png');">
  484. <div class="url">
  485. <a href="/">prev</a><a href="/">info</a>
  486. </div>
  487. <div class="name">- coming soon - <em>NEW!</em></div>
  488. </div>
  489.  
  490.  
  491. </div>
  492.  
  493.  
  494. <div id="centerbar">
  495.  
  496. <div class="title">{title}</div>
  497.  
  498. <div class="description">
  499. {description}
  500. </div>
  501.  
  502. <div class="navi">
  503. <div class="navi1"><a href="{text:Link 1 Url}">{text:Link 1 Title}</a></div>
  504. <div class="navi2"><a href="{text:Link 2 Url}" class="navi2">{text:Link 2 Title}</a></div>
  505. <div class="navi1"><a href="{text:Link 3 Url}" class="navi1">{text:Link 3 Title}</a></div>
  506. <div class="navi2"><a href="{text:Link 4 Url}" class="navi2">{text:Link 4 Title}</a></div>
  507. <div class="navi1"><a href="{text:Link 5 Url}" class="navi1">{text:Link 5 Title}</a></div>
  508. </div>
  509.  
  510. <div class="pagination">
  511. {block:Pagination}
  512. {block:PreviousPage}
  513. <a href="{PreviousPage}">back</a>
  514. {/block:PreviousPage}
  515. {block:NextPage}
  516. <a href="{NextPage}">next</a>
  517. {/block:NextPage}
  518. {/block:Pagination}
  519. </div>
  520.  
  521. </div>
  522.  
  523. <div id="entries">
  524. {block:Posts}
  525. <div id="post">
  526.  
  527. {block:Text}
  528. {block:Title}
  529. <div class="posttitle">{Title}</div>
  530. {/block:Title}
  531. {Body}
  532. {/block:Text}
  533.  
  534. {block:Link}
  535. <div class="posttitle">
  536. <a href="{URL}">{Name}</a>
  537. </div>
  538. {block:Description}{Description}{/block:Description}
  539. {/block:Link}
  540.  
  541. {block:Photo}
  542. <center>
  543. {LinkOpenTag}
  544. <a href="{permalink}">
  545. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"></a>
  546. {LinkCloseTag}
  547. </center>
  548. {block:Caption}{Caption}{/block:Caption}
  549. {block:ContentSource}
  550. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  551. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  552. {/block:SourceLogo}
  553. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  554. {/block:ContentSource}
  555. {block:ReblogParentURL}
  556. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  557. {/block:ReblogParentURL}
  558. {/block:Photo}
  559.  
  560. {block:Photoset}
  561. {Photoset-500}
  562. {block:Caption}{Caption}{/block:Caption}
  563. {/block:Photoset}
  564.  
  565. {block:Quote}
  566. <div class="posttitle">"{Quote}"</div>
  567. {block:Source}
  568. - {Source}
  569. {/block:Source}
  570. {/block:Quote}
  571.  
  572. {block:Chat}
  573. {block:Title}
  574. <div class="posttitle">
  575. {Title}
  576. </div>
  577. {/block:Title}
  578. {block:Lines}
  579. {block:Label}
  580. <b>{Label} </b>
  581. {/block:Label}
  582. {Line}
  583. <br>
  584. {/block:Lines}
  585. {/block:Chat}
  586.  
  587. {block:Audio}
  588. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  589.  
  590. {block:TrackName}
  591. <b>Title</b>:{TrackName}
  592. {/block:TrackName}
  593. <br>
  594. {block:Artist}
  595. <b>Artist:</b>{Artist}
  596. {/block:Artist}
  597. <br>
  598. {PlayCountWithLabel}
  599. <br>
  600. {block:Caption}{Caption}{/block:Caption}
  601. {/block:Audio}
  602.  
  603. {block:Video}
  604. {Video-250}
  605. {block:Caption}{Caption}{/block:Caption}
  606. {/block:Video}
  607.  
  608. {block:Answer}
  609. <div class="bubble">{Question}</div><br><div class="bubble" style="background:transparent; margin-top:-30px; margin-left:20px; margin-bottom:10px;"><span></span></div>
  610. <img src="{AskerPortraitURL-48}" width="20px" height="20px" style="border-radius:15px; margin-top:-4px;" align="left" class="askborder"><div style="text-transform:uppercase;">{Asker}</div><br>
  611. {Answer}{/block:Answer}
  612.  
  613.  
  614. <div id="permalink">
  615. {block:Date}
  616. <div class="infos">
  617. <a href="{Permalink}">
  618. {TimeAgo}</a>
  619. <a href="{Permalink}">{NoteCountWithLabel}</a>
  620. {block:RebloggedFrom}
  621. <a href="{ReblogParentURL}" target="_blank">via</a>
  622. <a href="{ReblogRootURL}" target="_blank">©</a>
  623. {/block:RebloggedFrom}
  624. <a href="{ReblogURL}" target="_blank">reblog</a>
  625. </div>
  626. <div class="tag">
  627. {block:HasTags}
  628. {block:Tags}<a href="{TagURL}">#<font style="text-transform:none;"> {Tag}</font>&nbsp;</a>
  629. {/block:Tags}
  630. {/block:HasTags}
  631. </div>
  632. {/block:Date}
  633. </div>
  634.  
  635.  
  636. {block:PostNotes}
  637. {PostNotes}
  638. {/block:PostNotes}
  639.  
  640. </div>
  641.  
  642. {/block:Posts}
  643.  
  644.  
  645. </div>
  646.  
  647.  
  648. </body>
  649.  
  650.  
  651. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement