alxsnvr

Theme 07

Feb 17th, 2015
390
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.72 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------------------------------------------
  5. Theme 007 by Alexis
  6. http://dullhypotheses.tumblr.com/
  7. Do not copy. Do not remove credits.
  8. Do not claim as your own. Do not use as base.
  9. LIKE/REBLOG IF USING!
  10. -------------------------------------------->
  11.  
  12. <html>
  13. <head>
  14.  
  15. <meta name="color:background" content="#FFFFFF">
  16. <meta name="color:sidebar" content="#fafafa">
  17. <meta name="color:border" content="#eeeeee">
  18. <meta name="color:link" content="#000000">
  19. <meta name="color:hover" content="#ffffff">
  20. <meta name="color:chat" content="#fafafa">
  21. <meta name="color:text" content="#000000">
  22. <meta name="color:title" content="#000000">
  23. <meta name="color:desc box" content="#eeeeee">
  24. <meta name="color:desc text" content="#000000">
  25. <meta name="color:nav hover" content="#ffffff">
  26. <meta name="color:tags" content="#dddddd">
  27. <meta name="color:scrollbar" content="#000000">
  28. <meta name="color:asker bg" content="#fafafa">
  29. <meta name="color:question bg" content="#eeeeee">
  30. <meta name="color:selection" content="#01174b">
  31. <meta name="color:tooltipbg" content="#fafafa">
  32.  
  33. <meta name="image:sidebar" content=""/>
  34.  
  35. <meta name="text:Link1" content="" />
  36. <meta name="text:Link1 Title" content="link 1" />
  37. <meta name="text:Link2" content="" />
  38. <meta name="text:Link2 Title" content="link 2" />
  39. <meta name="text:Link3" content="" />
  40. <meta name="text:Link3 Title" content="link 3" />
  41. <meta name="text:Link4" content="" />
  42. <meta name="text:Link4 Title" content="link 4" />
  43.  
  44.  
  45.  
  46. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  47. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <link rel="shortcut icon" href="{Favicon}" />
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  50.  
  51. <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  52.  
  53. <script type="text/javascript"
  54. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  55. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  56. <script>
  57. (function($){
  58. $(document).ready(function(){
  59. $("[title]").style_my_tooltips({
  60. tip_follows_cursor:true,
  61. tip_delay_time:90,
  62. tip_fade_speed:600,
  63. attribute:"title"
  64. });
  65. });
  66. })(jQuery);
  67. </script>
  68.  
  69. <style type="text/css">
  70.  
  71. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; }
  72.  
  73. iframe#tumblr_controls:hover { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  74.  
  75.  
  76. pre {
  77. white-space:normal;
  78. word-wrap: break-word;
  79. background-color:{color:chat};
  80. border:1px solid {color:border};
  81. color: {color:link};
  82. padding:10px;
  83. text-align:justify;
  84. text-transform:uppercase;
  85. font-family:helvetica;
  86. font-size:9px;
  87. }
  88.  
  89. a{
  90. color:{color:link};
  91. text-decoration:none;
  92. -moz-transition-duration:0.5s;
  93. -webkit-transition-duration:0.5s;
  94. -o-transition-duration:0.5s;
  95. text-transform:uppercase;
  96. font-size:9px;
  97. font-weight:bold;
  98. }
  99.  
  100. a:hover {
  101. color:{color:hover};
  102. text-decoration:none;
  103. -moz-transition-duration:0.5s;
  104. -webkit-transition-duration:0.5s;
  105. -o-transition-duration:0.5s;
  106. }
  107.  
  108. b, strong {
  109. color: {color:text};
  110. }
  111.  
  112. i, em {
  113. color: {color:text};
  114. }
  115.  
  116.  
  117. ::-webkit-scrollbar {
  118. height:8px;
  119. width:5px;
  120. }
  121.  
  122. ::-webkit-scrollbar-thumb:vertical {
  123. background-color:{color:scrollbar};
  124. height:50px;
  125. }
  126.  
  127. ::-webkit-scrollbar-thumb:horizontal {
  128. background-color:{color:scrollbar};
  129. height:8px!important;
  130. }
  131.  
  132.  
  133. /*---- selection --*/
  134.  
  135. ::-webkit-scrollbar-track {
  136. background-color:{color:selection};
  137. color:#fff;
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb {
  141. background-color:{color:selection};
  142. color:#fff;
  143. }
  144.  
  145. ::selection {
  146. background-color:{color:selection};
  147. color:#fff;
  148. }
  149. ::-moz-selection {
  150. background-color:{color:selection};
  151. color:#fff;
  152. }
  153.  
  154. /* --- s-m-t-tooltip --- */
  155. #s-m-t-tooltip {
  156. max-width:300px;
  157. padding:2px 4px;
  158. margin:20px 0px 0px 20px;
  159. height:auto;
  160. background-color:{color:tooltipbg};
  161. border:1px solid {color:border};
  162. font-family:arial;
  163. font-size:10px;
  164. letter-spacing:0px;
  165. text-transform:uppercase;
  166. color:{color:link};
  167. z-index:999999999999999999999999999999999999;
  168. }
  169.  
  170.  
  171.  
  172. body {
  173. background-color:{color:background};
  174. background-image:url('http://subtlepatterns.com/patterns/crossword.png');
  175. background-attachment:fixed;
  176. font-family:arial;
  177. font-weight:normal;
  178. font-size:12px;
  179. text-align:justify;
  180. line-height:140%;
  181. letter-spacing:0px;
  182. }
  183.  
  184.  
  185. h1 {
  186. font-weight:normal;
  187. font-size:10px;
  188. text-align:center;
  189. font-style:normal;
  190. line-height:80%;
  191. letter-spacing:1px;
  192. text-transform:uppercase;
  193. color:{color:text};
  194. }
  195.  
  196. h2 {
  197. font-size:14px;
  198. text-align:justify;
  199. text-transform:uppercase;
  200. line-height:140%;
  201. letter-spacing:0px;
  202. font-family: arial;
  203. color:{color:title};
  204. font-weight:bold;
  205. padding:5px;
  206. padding-bottom:2px;
  207. }
  208.  
  209. blockquote {
  210. border-left:2px solid {color:hover};
  211. padding-left:5px;
  212. margin-left:38px;
  213. max-width:100%;
  214. }
  215.  
  216. blockquote img {
  217. max-width:100%;
  218. }
  219.  
  220. /*--- Sidebar ---*/
  221.  
  222.  
  223. #sidebar {
  224. position:fixed;
  225. margin-left:230px;
  226. width: 120px;
  227. margin-top:110px;
  228. background-color: transparent ;
  229. padding:0px 5px 0px;
  230. z-index:999999999999;
  231. }
  232.  
  233. #title {
  234. font-family:'oswald', sans serif;
  235. color:{color:hover};
  236. font-size:20px;
  237. margin-left:17px;
  238. margin-bottom:7px;
  239. }
  240.  
  241. #simg {
  242. margin-top:70px;
  243. margin-left:-250px;
  244. position:fixed;
  245.  
  246. }
  247.  
  248.  
  249. #simg img {
  250. display:block;
  251. width:100px;
  252. height:100px;
  253. margin-left:230px;
  254. margin-top:25px;
  255. padding:15px;
  256. border: 1px solid {color:border};
  257. background-color:{color:sidebar};
  258.  
  259. }
  260.  
  261. #description {
  262. width:128px;
  263. height:auto;
  264. overflow:hidden;
  265. font-family: arial;
  266. margin-top:-5px;
  267. margin-left:-23px;
  268. font-size: 11px;
  269. color:{color:desc text};
  270. line-height: 18px;
  271. text-align:justify;
  272. line-height:130%;
  273. padding:7px;
  274. background-color:transparent;
  275. border: 0px solid {color:border};
  276. }
  277.  
  278. #description a {
  279. font-family:arial;
  280. }
  281.  
  282. #description a:hover {
  283. letter-spacing:0px;
  284. }
  285.  
  286. /* --- Pagination --- */
  287.  
  288.  
  289. .pagination {
  290. width:110px;
  291. background-color:transparent;
  292. border: 0px solid {color:border};
  293. margin-top:5px;
  294. margin-left:-18px;
  295. text-align:center;
  296. padding:7px;
  297. padding-top:3px;
  298. padding-bottom:3px;
  299. letter-spacing:2px;
  300. }
  301.  
  302. .pagination a {
  303. color:{color:link};
  304. display: inline-block;
  305. letter-spacing:0px;
  306. font-family:georgia;
  307. font-size:22px;
  308. font-weight:bold;
  309. }
  310.  
  311. .pagination a:hover {
  312. color:{color:hover};
  313. letter-spacing:0px;
  314. }
  315.  
  316. .pagination_current {
  317. display: inline-block;
  318. color:{color:text};
  319. font-size:9px;
  320. font-weight:bold;
  321. letter-spacing:0px;
  322. }
  323.  
  324.  
  325. /*--- Navigation ---*/
  326.  
  327. .links {
  328. display:block;
  329. width:130px;
  330. margin-top:230px;
  331. margin-bottom:0px;
  332. margin-left:-27px;
  333. padding-left:7px;
  334. padding-right:7px;
  335. padding-top:3px;
  336. padding-bottom:3px;
  337. font-family: arial;
  338. text-transform: uppercase;
  339. text-align: center;
  340. font-weight:bold;
  341. }
  342.  
  343. .links a {
  344. display:inline-block;
  345. padding:3px;
  346. color: {color:link};
  347. -moz-transition-duration:0.5s;
  348. -webkit-transition-duration:0.5s;
  349. -o-transition-duration:0.5s;
  350. }
  351.  
  352. .links a:hover {
  353. color:{color:hover};
  354. -moz-transition-duration:0.5s;
  355. -webkit-transition-duration:0.5s;
  356. -o-transition-duration:0.5s;
  357. letter-spacing:0px;
  358. }
  359.  
  360.  
  361. /*--- Container ---*/
  362.  
  363. #container {
  364. float:left;
  365. margin-left:450px;
  366. margin-top:10px;
  367. text-align:justify;
  368. color:{color:text};
  369. margin-bottom: 35px;
  370. }
  371.  
  372. #post {
  373. width:500px;
  374. font-family:arial;
  375. margin-top:35px;
  376. }
  377.  
  378.  
  379. #postind {
  380. width:500px;
  381. padding:10px;
  382. border:1px solid {color:border};
  383. background-color:#fff;
  384. }
  385.  
  386. #postind:hover #tags {
  387. opacity:1;
  388. }
  389. .caption {
  390. width:500px;
  391. text-align:justify;
  392. line-height:140%;
  393. }
  394.  
  395. /*--- Asks ---*/
  396.  
  397. #question {
  398. font-size:12px;
  399. font-family:arial;
  400. text-align:justify;
  401. letter-spacing:0px;
  402. padding-top: 7px;
  403. padding-bottom: 7px;
  404. padding-left:9px;
  405. background:#fff;
  406. color:{color:text};
  407.  
  408. }
  409.  
  410.  
  411. .question {
  412. border:1px solid {color:border};
  413. background-color:{color:chat};
  414. padding:7px;
  415. margin-top:-7px;
  416. margin-left:-10px;
  417. font-family:helvetica;
  418. text-transform:uppercase;
  419. font-size:9px;
  420. }
  421.  
  422. .asker a {
  423. color:{color:hover};
  424. font-family: arial;
  425. font-size:12px;
  426.  
  427. }
  428.  
  429. .asker a:hover {
  430. color:{color:link};
  431. letter-spacing:-1px;
  432. }
  433.  
  434. .answer {
  435. margin-left:-10px;
  436. margin-bottom:-15px;
  437. }
  438.  
  439. /*--- Chat ---*/
  440.  
  441.  
  442. #chat {
  443. background-color:{color:chat};
  444. border: 1px solid {color:border};
  445. padding:3px;
  446. margin-top:3px;
  447. font-family:helvetica;
  448. font-size:9px;
  449. text-transform:uppercase;
  450. }
  451.  
  452. .clabel {
  453. display:inline-block;
  454. text-transform:uppercase;
  455. font-weight:bold;
  456. letter-spacing:0px;
  457. font-family:helvetica;
  458. font-size:9px;
  459. }
  460.  
  461. /*--- Posts ---*/
  462.  
  463. .ptitle {
  464. background-color:none;
  465. border:0px solid {color:border};
  466. color: {color:link};
  467. padding-top:10px;
  468. margin-bottom:5px;
  469. text-align:justify;
  470. text-transform:uppercase;
  471. font-family: arial;
  472. font-weight:bold;
  473. font-size:14px;
  474. }
  475.  
  476. .ptitle a:hover {
  477. letter-spacing:0px;
  478. }
  479.  
  480. /*--- Audio ---*/
  481.  
  482. .playercontainer {
  483. text-align:left;
  484. padding:10px;
  485. padding-left:0px;
  486. background-color:#fff;
  487. width:480px;
  488. }
  489.  
  490. .audio-album {
  491. position:absolute;
  492. width:60px;
  493. padding:5px;
  494. background-color:{color:sidebar};
  495. border:1px solid {color:border};
  496. }
  497.  
  498. .musicinfo {
  499. padding-top:7px;
  500. padding-left:55px;
  501. color:#000;
  502. margin-left:25px;
  503. margin-top:-3px;
  504. text-align:justify;
  505. }
  506.  
  507. /*--- Post Info ---*/
  508.  
  509. #postinfo {
  510. width:513px;
  511. padding:7px;
  512. padding-top:5px;
  513. padding-right:0px;
  514. font-size:8px;
  515. font-family:helvetica;
  516. color:{color:text};
  517. text-transform:uppercase;
  518. font-style:normal;
  519. font-weight:bold;
  520. letter-spacing:1px;
  521. text-align:right;
  522. -moz-transition-duration:0.5s;
  523. -webkit-transition-duration:0.5s;
  524. -o-transition-duration:0.5s;
  525. }
  526.  
  527. #postinfo a {
  528. color:{color:text};
  529. text-align:center;
  530. letter-spacing:1px;
  531. font-style:normal;
  532. font-family:helvetica;
  533. font-size:8px;
  534. font-weight:bold;
  535. }
  536.  
  537. #postinfo a:hover {
  538. color:{color:hover};
  539. }
  540.  
  541. #postinfo b {
  542. color:{color:text};
  543. }
  544.  
  545. .note {
  546. text-transform:uppercase;
  547. font-style:normal;
  548. letter-spacing:0px;
  549. font-size: 9px;
  550. text-align:left;
  551. line-height:90%;
  552. margin-left:-40px;
  553. }
  554.  
  555. .note li {
  556. list-style-type:none;
  557. padding:10px 25px 10px 25px;
  558. text-align:left;
  559. margin:0px;
  560. -moz-transition-duration:0.5s;
  561. -webkit-transition-duration:0.5s;
  562. -o-transition-duration:0.5s;
  563. }
  564.  
  565.  
  566. /*--- Tags ---*/
  567.  
  568. #tags {
  569. white-space:normal;
  570. word-wrap: break-word;
  571. position:absolute;
  572. width:120px;
  573. border:1px solid {color:border};
  574. background-color:#fff;
  575. font-family:arial;
  576. font-size:9px;
  577. text-transform:uppercase;
  578. opacity:0;
  579. padding:7px;
  580. margin-left:530px;
  581. -webkit-transition: all 0.9s ease-in;
  582. -moz-transition: all 0.9s ease-in;
  583. -o-transition: all 0.9s ease-in;
  584. -webkit-transition: all 0.5s ease-out;
  585. -moz-transition: all 0.5s ease-out;
  586. -o-transition: all 0.5s ease-out;
  587. }
  588.  
  589. #tags a {
  590. color:{color:tags};
  591. }
  592.  
  593. #tags a:hover {
  594. color:{color:link};
  595. letter-spacing:0px;
  596. }
  597.  
  598.  
  599. #tags2 {
  600. width:520px;
  601. font-family:verdana;
  602. font-size:9px;
  603. text-transform:uppercase;
  604. opacity:1;
  605. padding:2px;
  606. margin-top:1px;
  607. text-align:justify;
  608. -webkit-transition: all 0.9s ease-in;
  609. -moz-transition: all 0.9s ease-in;
  610. -o-transition: all 0.9s ease-in;
  611. -webkit-transition: all 0.5s ease-out;
  612. -moz-transition: all 0.5s ease-out;
  613. -o-transition: all 0.5s ease-out;
  614. }
  615.  
  616. #tags2 a {
  617. color:{color:tags};
  618. }
  619.  
  620. #tags2 a:hover {
  621. color:{color:link};
  622. }
  623.  
  624.  
  625. ul.chat, .chat ol, .chat li {
  626. list-style:none;
  627. margin:0px;
  628. padding:2px;
  629. }
  630.  
  631.  
  632. /*--- Credits! Do not remove! ---*/
  633.  
  634. .credit {
  635. position:fixed;
  636. bottom:4px;
  637. right:8px;
  638. font: 11px;
  639. text-transform:uppercase;
  640. letter-spacing: 0px;
  641. font-family:georgia;
  642. font-weight:bold;
  643. padding: 2px;
  644. }
  645.  
  646. .credit a{
  647. font-size:14px;
  648. font-family:georgia;
  649. color: {color:link};
  650. opacity:0.8;
  651. }
  652.  
  653. .credit a:hover{
  654. color:{color:selection};
  655. opacity:1.0;
  656. letter-spacing:0px;
  657. }
  658.  
  659. {CustomCSS}
  660. </style>
  661. <script>
  662. function click() {
  663. if (event.button==2||event.button==3) {
  664. oncontextmenu='return false';
  665. }
  666. }
  667. document.onmousedown=click
  668. document.oncontextmenu = new Function("return false;")
  669. </script>
  670. </head>
  671.  
  672. <body>
  673.  
  674. <div id="sidebar">
  675.  
  676. <div id="simg"><img src="{image:sidebar}"></div>
  677.  
  678. <div class="links">
  679. <a href="/">01.</a>
  680. <a href="/contact">02.</a>
  681. {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}">03.</a>{/block:ifLink1}
  682. {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}">04.</a>{/block:ifLink2}
  683. {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}">05.</a>{/block:ifLink3}
  684. {block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}">06.</a>{/block:ifLink4}
  685. </div>
  686.  
  687. <div id="description">
  688. {block:Description}{Description}{/block:Description}
  689. </div>
  690.  
  691. <div class="pagination">
  692. {block:Pagination}
  693. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  694. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  695. {/block:Pagination}
  696. </div>
  697. </div>
  698.  
  699.  
  700. <div id="container">
  701.  
  702.  
  703.  
  704. {block:Posts}
  705.  
  706. <div id="post">
  707. <div id="postind">
  708.  
  709. {block:IndexPage}
  710. {block:HasTags}
  711. <div id="tags">
  712. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}</div>
  713. {/block:HasTags}
  714. {/block:IndexPage}
  715.  
  716.  
  717. {block:Text}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}{/block:Text}
  718.  
  719. {block:Quote}<h2><big>"</big>{Quote}</h2><h1>{Source}</h1>{/block:Quote}
  720.  
  721. {block:Link}<a href="{URL}"><div class="ptitle">{Name}</div></a>
  722. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  723.  
  724. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  725.  
  726. {block:Photoset}<center>{Photoset-500}</center>
  727. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  728.  
  729. {block:Chat}{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{block:Lines}<div id="chat">{block:Label}<div class="clabel"><b>{Label}</b></div>{/block:Label} {Line}</div>{/block:Lines}{/block:Chat}
  730.  
  731. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  732.  
  733. {block:Answer}<div id="question"><span style="font-size:12px; font-family: 'arial'; font-family: arial; font-weight:700; float:left; text-transform:uppercase; letter-spacing:-1px; margin-left:-9px;"> <b><span style="color:{color:hover};"><div class="asker">{Asker}</span> asked:<br></b></div></span><br><br><div class="question">{Question}</div>
  734. <div class="answer"><span style="text-transform:none;font-size:12px;font-style:none;">{Answer}</span></div></div>{/block:Answer}
  735.  
  736. {block:AudioPlayer}
  737. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  738. <div class="playercontainer"> <div style="padding: 5px 0px 5px 5px;width:inherit;background:#fff; border:2px solid #fff; width:30px;height:25px;overflow:hidden; position:absolute;font-weight:bold;opacity:0.6; margin-left:16px;margin-top:6px;"> {AudioPlayer}</div><div class="musicinfo">{block:TrackName}<b>Track Name:</b> <span style="#fff">{TrackName}</span>{/block:TrackName}{block:Artist}<br/><b>Artist:</b> {Artist} {/block:Artist}<br>{block:PlayCount}<b>Play Count:</b> {PlayCount}{/block:PlayCount}</div></div>{block:Caption}<div style="margin-top:17px;">{Caption}</div>{/block:Caption}{/block:AudioPlayer}
  739.  
  740. <p>
  741.  
  742. </div>
  743.  
  744. {block:Date}<div id="postinfo"><b><a href="{Permalink}">{DayOfMonthWithZero} {Month} {Year}</a></b> {block:NoteCount} ▴ <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom} ▴ <a href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom}
  745. {block:ContentSource} ▴ <a href="{SourceURL}">SOURCE</a>{/block:ContentSource}</span></div></div>{/block:Date}
  746.  
  747. {block:PermalinkPage}
  748. {block:HasTags}
  749. <div id="tags2">
  750. {block:Tags}<a href="{TagURL}"><big>▴</big>{Tag}&nbsp;</a>{/block:Tags}</div>
  751. {/block:HasTags}
  752. <div class="note">
  753. {block:PostNotes}{PostNotes}{/block:PostNotes}
  754. </div></div>
  755. {/block:PermalinkPage}
  756. {/block:Posts}
  757.  
  758.  
  759.  
  760. </div>
  761.  
  762. <div class="credit"><a href="http://dullhypotheses.tumblr.com/" title="theme by alexis"><center>AN</center></a></div>
  763. </body>
  764.  
  765.  
  766. </html>
Advertisement
Add Comment
Please, Sign In to add comment