API tools faq
paste
ocoder

ohamlet (tumblr theme)

ocoder
Jan 21st, 2017
794
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7.  
  8. <!----------ohamlet theme by ocoder.tumblr.com-------------->
  9.  
  10. <!--------default variables-------->
  11. <meta name="color:background" content="#ffffff"/>
  12. <meta name="color:text" content="#333333"/>
  13. <meta name="color:links" content="#5b5b5b"/>
  14. <meta name="color:links hover" content="#c9c9c9"/>
  15. <meta name="color:scrollbar bg" content="#ffffff"/>
  16. <meta name="color:posts bg" content="#ffffff"/>
  17. <meta name="color:scrollbar" content="#eeeeee">
  18.  
  19.  
  20. <meta name="image:background image" content=""/>
  21. <meta name="color:sbar links hover" content="#333333"/>
  22.  
  23. <meta name="text:link 1" content=""/>
  24. <meta name="text:link 1 url" content="/"/>
  25. <meta name="text:link 2" content=""/>
  26. <meta name="text:link 2 url" content="/"/>
  27. <meta name="text:link 3" content=""/>
  28. <meta name="text:link 3 url" content="/"/>
  29. <meta name="text:link 4" content=""/>
  30. <meta name="text:link 4 url" content="/"/>
  31.  
  32.  
  33.  
  34.  
  35.  
  36. <!------------------------TOOLTIPS SCRIPT--------------------->
  37.  
  38. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  41. <script>
  42. (function($){
  43. $(document).ready(function(){
  44. $("[title]").style_my_tooltips({
  45. tip_follows_cursor:true,
  46. tip_delay_time:200,
  47. tip_fade_speed:300
  48. });
  49. });
  50. })(jQuery);
  51. </script>
  52.  
  53.  
  54. <!-------------------------------------------------------------------->
  55.  
  56. <style type="text/css">
  57.  
  58. /*----------tooltips---------*/
  59.  
  60.  
  61.  
  62. #s-m-t-tooltip {
  63. max-width:300px;
  64. margin:15px;
  65. padding:5px;
  66. border:1px solid #eeeeee;
  67. border-radius:0px;
  68. background:#ffffff;
  69. color:{color:text};
  70. z-index:999999;
  71. font-size:20px;
  72. font-style:none;
  73. font-weight:normal;
  74. letter-spacing:5px;
  75. font-family:helvetica;
  76. text-transform:uppercase;
  77. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  78. }
  79.  
  80.  
  81. article{
  82. float:left;
  83. margin:35px;
  84. position:relative;
  85. {block:IndexPage}
  86. {block:ifNot400px}width:250px;{/block:ifNot400px}
  87. {block:if400px}width:400px;{/block:if400px}
  88. {/block:IndexPage}
  89. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  90. padding:15px 10px 10px 10px;
  91.  
  92.  
  93.  
  94. border:1px solid rgba(0,0,0,0.3);
  95. box-shadow:rgba(0,0,0,0.07)7px 7px;
  96. -webkit-border-bottom-right-radius: 6px;
  97. -webkit-border-bottom-left-radius: 6px;
  98. -moz-border-radius-bottomright: 6px;
  99. -moz-border-radius-bottomleft: 6px;
  100. border-bottom-right-radius: 6px;
  101. border-bottom-left-radius: 6px;
  102. }
  103.  
  104. /*----------scrollbar---------*/
  105.  
  106. ::-webkit-scrollbar {
  107. background-color: {color:scrollbar bg};
  108. height:8px;
  109. width:10px
  110. }
  111.  
  112. ::-webkit-scrollbar-thumb:vertical {
  113. background-color:{color:scrollbar};
  114. height:50px
  115. }
  116.  
  117. ::-webkit-scrollbar-thumb:horizontal {
  118. background-color:{color:scrollbar bg};
  119. height:8px!important
  120. }
  121.  
  122.  
  123. /*----------basics---------*/
  124.  
  125. body {
  126. background:{color:background} url({image:background image}) repeat right top fixed;
  127. color:{color:text};
  128. font-family:arial;
  129. letter-spacing:2px;
  130. line-height:25px;
  131. font-size:20px;
  132. margin:0;
  133. text-align:left;
  134. }
  135.  
  136. blockquote {
  137. padding-left:10px;
  138. border-left:1px solid;
  139. border-color:#eeeeee;
  140. margin:10px;
  141. }
  142.  
  143. a {
  144. color:{color:links};
  145. text-decoration:none;
  146. }
  147.  
  148. a:hover {
  149. text-decoration:none;
  150. color: {color:links hover};
  151. -webkit-transition:all 0.2s;
  152. -moz-transition:all 0.2s;
  153. -ms-transition:all 0.2s;
  154. -o-transition:all 0.2s;
  155. transition:all 0.2s;
  156. font-size:20px;
  157. }
  158.  
  159. img {
  160. opacity:1;
  161. text-decoration:none;
  162. }
  163.  
  164. h1{
  165. font-family:Quicksand, Arial;
  166. font-size:25px;
  167. line-height:28px;
  168. font-weight:bold;
  169. margin:0 0 0 0;
  170. }
  171.  
  172. h2{
  173. font-family:Quicksand, Arial;
  174. font-size:55px;
  175. line-height:28px;
  176. font-weight:bold;
  177. margin:0 0 10px 0;
  178. }
  179.  
  180. /*----------posts---------*/
  181.  
  182. .container {
  183. left:50%;
  184. width:relative;
  185. position:absolute;
  186. }
  187.  
  188. .posts {
  189. {block:IndexPage}
  190. margin-bottom:80px;
  191. {/block:IndexPage}
  192. {block:PermalinkPage}
  193. margin-bottom:40px;
  194. {/block:PermalinkPage}
  195. width:relative;
  196.  
  197. }
  198.  
  199. .entries {
  200. margin-left:-60px;
  201. width:500px;
  202. margin-top:50px;
  203. margin-bottom:50px;
  204.  
  205.  
  206. }
  207.  
  208.  
  209. .posts img, .posts li, .posts blockquote {
  210. max-width: 100%;
  211. margin-left:-3px;
  212.  
  213. }
  214.  
  215. .posts li {
  216.  
  217. margin-left:10px;
  218.  
  219.  
  220. }
  221.  
  222.  
  223. blockquote img {
  224. max-width:320px!important;
  225.  
  226. }
  227.  
  228.  
  229. /*----------post info---------*/
  230.  
  231. .info {
  232. border-top:1px solid #eeeeee;
  233. padding-top:15px;
  234. text-transform:uppercase;
  235. font-size:20px;
  236. letter-spacing:1px;
  237. margin-top:15px;
  238. }
  239.  
  240. .tags {
  241. display:block;
  242. position:absolute;
  243. margin-left:510px;
  244. font-size:20px;
  245.  
  246. opacity:0;
  247.  
  248. background:#fff;
  249. border-radius:0px;
  250.  
  251. text-align:center;
  252. }
  253.  
  254. .tags a {display:block;padding:0 2px;}
  255. .posts .tags {opacity:1;margin-top:-36px}
  256.  
  257.  
  258.  
  259.  
  260.  
  261. /*----------post notes---------*/
  262.  
  263. ol.notes {
  264. padding:0px;
  265. margin:25px 0px 0px -10px;
  266. list-style-type:none;
  267. }
  268.  
  269. ol.notes li.note {
  270. padding:10px;
  271. }
  272.  
  273. ol.notes li.note img.avatar {
  274. vertical-align:-4px;
  275. margin-right:10px;
  276. width:16px;
  277. height:16px;
  278. }
  279.  
  280. ol.notes li.note span.action {
  281. font-weight:none;
  282. }
  283.  
  284. ol.notes li.note .answer_content {
  285. font-weight:normal;
  286. }
  287.  
  288. ol.notes li.note blockquote {
  289. padding:4px 10px;
  290. margin:10px 0px 0px 25px;
  291. }
  292.  
  293. ol.notes li.note blockquote a {
  294. text-decoration:none;
  295. }
  296.  
  297. /*----------sidebar---------*/
  298.  
  299.  
  300. #side{
  301. position:fixed;
  302. width:150px;
  303. margin:135px 0 0 -300px;
  304. z-index:1;
  305.  
  306. height:400px;
  307. }
  308.  
  309.  
  310.  
  311.  
  312.  
  313. .box{
  314. margin:0 0 30px 0;
  315. padding:10px;
  316. background-color: {color:posts bg};
  317.  
  318. border:1px solid rgba(0,0,0,0.3);
  319. box-shadow:rgba(0,0,0,0.07)7px 7px;
  320. -webkit-border-bottom-right-radius: 6px;
  321. -webkit-border-bottom-left-radius: 6px;
  322. -moz-border-radius-bottomright: 6px;
  323. -moz-border-radius-bottomleft: 6px;
  324.  
  325. -webkit-border-top-right-radius: 6px;
  326. -webkit-border-top-left-radius: 6px;
  327. -moz-border-radius-topright: 6px;
  328. -moz-border-radius-topleft: 6px;
  329.  
  330. }
  331.  
  332.  
  333.  
  334.  
  335. #infscr-loading{
  336. position:absolute;
  337. left:50%;
  338. bottom:-40px;
  339.  
  340. }
  341.  
  342.  
  343. #pagination {
  344. margin-bottom:100px;
  345. text-align: center;
  346. }
  347.  
  348.  
  349.  
  350. #pagination a {
  351. color:{color:text};
  352. }
  353.  
  354. #pagination a:hover{
  355. color:{color:link hover};
  356. background:transparent;
  357. }
  358.  
  359. #links {
  360.  
  361. opacity:1;
  362. margin-top:5px;
  363. padding-bottom:15px;
  364. padding:10px;
  365. text-transform:lowercase;
  366. font-style:italic;
  367. font-size:10px;
  368. letter-spacing:1px;
  369. color:{color:text};
  370. -webkit-transition: all .2s;
  371. -moz-transition: all .2s;
  372. -o-transition: all .2s;
  373. -ms-transition: all .2s;
  374. transition: all .2s;
  375.  
  376. }
  377.  
  378.  
  379. #links a{
  380. background:{color:background};
  381.  
  382. }
  383.  
  384. #links a:hover{
  385. background:{color:background};
  386. }
  387.  
  388. .link:hover{
  389. color:{color:link hover};
  390. -webkit-transition: all .2s;
  391. -moz-transition: all .2s;
  392. -o-transition: all .2s;
  393. -ms-transition: all .2s;
  394. transition: all .2s;
  395. }
  396.  
  397. .link{
  398. position:relative;
  399. text-shadow:none;
  400. display:inline-block;
  401. height:10px;
  402. width:100px;
  403. margin-right:1px;
  404. margin-left:1px;
  405. margin-bottom:2px;
  406. background:{color:background};
  407. line-height:5px;
  408. text-align:left;
  409. color:{color:link};
  410. -webkit-transition: all .2s;
  411. -moz-transition: all .2s;
  412. -o-transition: all .2s;
  413. -ms-transition: all .2s;
  414. transition: all .2s;
  415.  
  416.  
  417. }
  418.  
  419. .square{
  420. display:inline-block;
  421. position:relative;
  422. border:1px solid {color:link};
  423. width:10px;
  424. height:10px;
  425. -webkit-transition: all .4s;
  426. -moz-transition: all .4s;
  427. -o-transition: all .4s;
  428. -ms-transition: all .4s;
  429. transition: all .4s;
  430. margin-left:7px;
  431. margin-right:3px;
  432.  
  433. background-color: {color:posts bg};
  434.  
  435. border:1px solid rgba(0,0,0,0.3);
  436.  
  437. -webkit-border-bottom-right-radius: 3px;
  438. -webkit-border-bottom-left-radius: 3px;
  439. -moz-border-radius-bottomright: 3px;
  440. -moz-border-radius-bottomleft: 3px;
  441.  
  442. -webkit-border-top-right-radius: 3px;
  443. -webkit-border-top-left-radius: 3px;
  444. -moz-border-radius-topright: 3px;
  445. -moz-border-radius-topleft: 3px;
  446.  
  447. }
  448.  
  449.  
  450.  
  451. .link:hover .square{
  452. background:{color:text};
  453. border:1px solid {color:text};
  454. -webkit-transition: all .4s;
  455. -moz-transition: all .4s;
  456. -o-transition: all .4s;
  457. -ms-transition: all .4s;
  458. transition: all .4s;
  459. }
  460.  
  461.  
  462. /*----------quotes---------*/
  463.  
  464. .quote {
  465. text-transform:uppercase;
  466. font-size:20px;
  467. font-weight:bold;
  468. text-align:center;
  469. }
  470.  
  471. .quotesource {
  472. text-align:center;
  473. margin-top:10px;
  474. }
  475.  
  476.  
  477. /*----------chat---------*/
  478.  
  479. .chat {
  480. line-height:20px;
  481. list-style:none;
  482. }
  483.  
  484. .line.odd {
  485. background:#fafafa;
  486. margin-bottom:2px;
  487. padding:5px;
  488. list-style:none;
  489. font-size:20px;
  490. }
  491.  
  492. .line.even {
  493. background:#ffffff;
  494. margin-bottom:2px;
  495. padding:5px;
  496. list-style:none;
  497. font-size:20px;
  498. }
  499.  
  500. .label {
  501. padding-right:1px;
  502. text-transform:uppercase;
  503. font-weight:bold;
  504. color:{color:links};
  505. }
  506.  
  507.  
  508. /*----------questions---------*/
  509.  
  510. .question {
  511. background:#fafafa;
  512. padding:10px;
  513. }
  514.  
  515. .asker {
  516. text-transform:uppercase;
  517. }
  518.  
  519. .answer {
  520. padding:10px;
  521. margin-top:-15px;
  522. }
  523.  
  524. /*----------audio---------*/
  525.  
  526. .playerbutton {
  527. position:relative;
  528. width:30px;
  529. height:35px;
  530. overflow:hidden;
  531. }
  532.  
  533. .playerbuttonhug {
  534. position: absolute;
  535. top:-7px;
  536. left:2px;
  537. }
  538.  
  539. .tumblr_audio_player {
  540. height:50px;
  541. width:500px;
  542. }
  543.  
  544. .playerbuttonbg {
  545. position:absolute;
  546. width:35px;
  547. height:35px;
  548. background-color:#e4e4e4;
  549. padding:10px;
  550. }
  551.  
  552. .trackdetails {
  553. width:auto;
  554. display:inline-block;
  555. margin-left:70px;
  556. font-size:20px;
  557. letter-spacing:1px;
  558. text-transform:lowercase;
  559. padding:5px;
  560. line-height:25px;
  561. }
  562.  
  563. .audiowrapper {
  564. position:relative;
  565. display:inline-block;
  566. }
  567.  
  568. /*----------credit---------*/
  569.  
  570. .credit {
  571. font-size:20px;
  572. position:fixed;
  573. font-weight:normal;
  574. bottom:5px;
  575. right:15px;
  576. z-index:10;
  577. text-align:right;
  578. letter-spacing:1px;
  579. padding:2px;
  580. }
  581.  
  582. .credit a {
  583. color:{color:links};
  584. text-decoration:none;
  585. }
  586.  
  587. .credit a:hover {
  588. color:{color:links hover};
  589. text-decoration:none;
  590. font-size:20px;
  591. }
  592.  
  593.  
  594.  
  595. </style>
  596. </head>
  597.  
  598. <body>
  599. <div class="container">
  600.  
  601.  
  602.  
  603.  
  604. <div class="credit">
  605. <a title="theme" href="http://ocoder.tumblr.com/" target="_blank">O</a></div>
  606.  
  607.  
  608. <div class="sidebar">
  609.  
  610. <div id="side">
  611. <div class="box">
  612.  
  613. <a href="/"></i> {Title}</a>
  614. {Description}
  615. </div>
  616.  
  617. <div class="box">
  618.  
  619. <div class="nav">
  620.  
  621. {block:iflink1}
  622. <a href="{text:link 1 url}">
  623. <div class="link"><div class="square"></div> {text:link 1}</div></a>{/block:iflink1}
  624.  
  625. {block:iflink2}
  626. <a href="{text:link 2 url}">
  627. <div class="link"><div class="square"></div> {text:link 2}</div></a>{/block:iflink2}
  628.  
  629. {block:iflink3}
  630. <a href="{text:link 3 url}">
  631. <div class="link"><div class="square"></div> {text:link 3}</div></a>{/block:iflink3}
  632.  
  633. {block:iflink4}
  634. <a href="{text:link 4 url}">
  635. <div class="link"><div class="square"></div> {text:link 4}</div></a>{/block:iflink4}
  636.  
  637. </div>
  638.  
  639. </div>
  640. </div>
  641.  
  642.  
  643. <div class="entries">
  644.  
  645. {block:Posts}
  646. <div class="posts">
  647.  
  648. <div class="box">
  649. {block:Text}
  650. <h1>{block:Title}{Title}{/block:Title}</h1>
  651. {Body}{/block:Text}
  652.  
  653.  
  654. {block:Photo}
  655. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  656. {block:Caption}{Caption}{/block:Caption}
  657. {/block:Photo}
  658.  
  659.  
  660. {block:Photoset}
  661. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="{WIDTH OF PHOTOSET - 6}" style="padding:3px;"/></a>
  662. {/block:Photos}
  663. {block:Caption}{Caption}{/block:Caption}
  664. {/block:Photoset}
  665.  
  666. {block:Quote}
  667. <div class="quote">"{Quote}"</div>
  668. {block:Source}<div class="quotesource"> — {Source}</div>
  669. {/block:Source}{/block:Quote}
  670.  
  671.  
  672. {block:Link}
  673. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  674. {block:Description}{Description}{/block:Description}
  675. {/block:Link}
  676.  
  677.  
  678. {block:Chat}
  679. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  680. {/block:Chat}
  681.  
  682.  
  683. {block:Audio}
  684. {block:AudioPlayer}
  685. <div class="audiowrapper">
  686. <div class="playerbuttonbg">
  687. <div class="playerbutton">
  688. <div class="playerbuttonhug">
  689. {AudioPlayerGrey}
  690. </div></div></div>
  691.  
  692. <div class="trackdetails">
  693. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  694.  
  695. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  696.  
  697. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  698. {/block:AudioPlayer}
  699.  
  700. {block:Caption}
  701. <div class="caption">{Caption}</div>
  702. {/block:Caption}
  703. {/block:Audio}
  704.  
  705.  
  706. {block:Video}
  707. {Video-500}
  708. {block:Caption}{Caption}{/block:Caption}
  709. {/block:Video}
  710.  
  711.  
  712. {block:Answer}
  713. <div class="question">
  714. <div class="asker"><b>{Asker} said:</b></div>
  715. {Question}</div><br>
  716. <div class="answer">
  717. {Answer}</div>
  718. {/block:Answer}
  719.  
  720.  
  721. <div class="info">
  722. {block:Date}
  723. <b><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}...</b></a>
  724. {/block:Date}
  725.  
  726. &nbsp;&nbsp;
  727. <a href="{Permalink}">{NoteCountWithLabel}...</a>
  728. &nbsp;&nbsp;
  729.  
  730. <a href="{ReblogURL}" target="_blank" class="details">reblog...</a>
  731. </div>
  732.  
  733.  
  734. {block:HasTags}<div class="tags"><div class="box">
  735. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}
  736.  
  737.  
  738. </div>
  739.  
  740.  
  741.  
  742. {block:PostNotes}
  743. {PostNotes}
  744. {/block:PostNotes}
  745.  
  746. {/block:Posts}
  747.  
  748. <div id="pagination"><div class="box">
  749. {block:Pagination}
  750. {block:PreviousPage}<a href="{PreviousPage}">
  751. <div class="navbutton">previous</div></a> {/block:PreviousPage}
  752. {block:NextPage} <a href="{NextPage}">
  753. <div class="navbutton">next</div></a>{/block:NextPage}
  754. {/block:Pagination}
  755. </div>
  756.  
  757. </div>
  758.  
  759. {block:ContentSource}
  760. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  761. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  762. {/block:SourceLogo}
  763. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  764. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  765.  
  766.  
  767. </body>
  768.  
  769.  
  770. </div></div></div></div></div></div></div></div></div></div></div>
  771. </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!