API tools faq
paste
alxsnvr

Theme 03

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