Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme 4 by ohmyklaus

By: ohmy-klaus on Jun 14th, 2012  |  syntax: None  |  size: 16.32 KB  |  hits: 7,687  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2.    
  3.         Trouble on Paradise by Evy
  4.         ohmyklaus.tumblr.com
  5.  
  6.         EEEEEE  EE    EE  EE    EE
  7.         EE      EE    EE  EE    EE
  8.         EE       EE  EE    EE  EE
  9.         EEEEE    EE  EE     EEEE
  10.         EE        EEEE       EE
  11.         EE        EEEE       EE
  12.         EEEEEEE    EE        EE
  13.  
  14.         DO NOT REMOVE THE CREDIT!
  15.         DO NOT CLAIM AS YOUR OWN!
  16.                                      -->
  17.  
  18.  
  19.  
  20. <html><head>
  21.    
  22.         <meta name="color:Background" content="#fdf5e6"/>
  23.         <meta name="color:Font" content="#eb96b2"/>
  24.         <meta name="color:Links" content="#e79e86"/>
  25.         <meta name="color:Links Hover" content="#eb96b2"/>
  26.         <meta name="color:Bold" content="#eb96b2"/>
  27.         <meta name="color:Posts Title" content="#eb96b2"/>
  28.         <meta name="color:Blog Title" content="#e79e86"/>
  29.         <meta name="color:Posts Background" content="#fdf5e6"/>
  30.         <meta name="color:Posts Info Background" content="#fdf5e6"/>
  31.         <meta name="color:Sidebar Image Border" content="#eb96b2"/>
  32.         <meta name="color:Scrollbar" content="#eb96b2"/>
  33.        
  34.         <meta name="text:Blog Title" content="Trouble in Paradise"/>
  35.        
  36.         <meta name="text:Link 1 url" content="/"/>
  37.         <meta name="text:Link 1 title" content="home"/>
  38.         <meta name="text:Link 2 url" content="/ask"/>
  39.         <meta name="text:Link 2 title" content="message"/>
  40.         <meta name="text:Link 3 url" content=""/>
  41.         <meta name="text:Link 3 title" content=""/>
  42.         <meta name="text:Link 4 url" content=""/>
  43.         <meta name="text:Link 4 title" content=""/>
  44.         <meta name="text:Link 5 url" content=""/>
  45.         <meta name="text:Link 5 title" content=""/>
  46.         <meta name="text:Link 6 url" content=""/>
  47.         <meta name="text:Link 6 title" content=""/>
  48.         <meta name="text:Link 7 url" content=""/>
  49.         <meta name="text:Link 7 title" content=""/>
  50.         <meta name="text:Link 8 url" content=""/>
  51.         <meta name="text:Link 8 title" content=""/>
  52.         <meta name="text:Link 9 url" content=""/>
  53.         <meta name="text:Link 9 title" content=""/>
  54.         <meta name="text:Link 10 url" content=""/>
  55.         <meta name="text:Link 10 title" content=""/>
  56.        
  57.         <meta name="image:Sidebar Image" content="
  58.         http://store.picbg.net/pubpic/0F/54/3ca4a46f45ff0f54.png"/>
  59.         <meta name="image:Background Image" content=""/>
  60.  
  61.  
  62.         <title>{Title}</title>
  63.         <link rel="shortcut icon" href="{Favicon}">
  64.  
  65.  
  66.      
  67.      
  68.  
  69. <style type="text/css">
  70.        
  71.        
  72.        
  73. /* --- BASICS --- */
  74.  
  75.  
  76. body {
  77.     font-family: Calibri;
  78.     font-size: 11px;
  79.     line-height: 100%;
  80.     text-align: justify;
  81.     color: {color:Font};
  82.     background-color: {color:Background};
  83.     background-image: url('{image:Background Image}');
  84.     background-attachment: fixed;
  85.     background-position:  left top;
  86.     background-repeat: no-repeat; }
  87.  
  88.  
  89. a:link, a:visited, a:active {
  90.     text-decoration: none;
  91.     color: {color:Links};
  92.     -webkit-transition: all 0.4s ease-in-out;
  93.     -moz-transition: all 0.4s ease-in-out;
  94.     -o-transition: all 0.4s ease-in-out;
  95.     transition: all 0.4s ease-in-out;
  96.     border-bottom: 0px solid transparent; }
  97.  
  98. a:hover {
  99.     border-bottom: 1px solid {color:Links Hover};
  100.     color: {color:Links Hover};
  101.     -webkit-transition: all 0.4s ease-in-out;
  102.     -moz-transition: all 0.4s ease-in-out;
  103.     -o-transition: all 0.4s ease-in-out;
  104.     transition: all 0.4s ease-in-out; }
  105.    
  106.    
  107. l {
  108.     padding: 1px 3px 2px 3px;
  109.     text-decoration: none;
  110.     color: {color:Links};
  111.     border: 1px solid {color:Background};
  112.     -webkit-transition: all 0.4s ease-in-out;
  113.     -moz-transition: all 0.4s ease-in-out;
  114.     -o-transition: all 0.4s ease-in-out;
  115.     transition: all 0.4s ease-in-out;
  116.     border-bottom: 0px solid transparent; }
  117.  
  118. l:hover {
  119.     color: {color:Links Hover};
  120.     background: {color:Background};
  121.     border: 1px solid {color:Links Hover};
  122.     -webkit-transition: all 0.4s ease-in-out;
  123.     -moz-transition: all 0.4s ease-in-out;
  124.     -o-transition: all 0.4s ease-in-out;
  125.     transition: all 0.4s ease-in-out; }
  126.  
  127.  
  128. b, strong {
  129.     color: {color:Bold}; }
  130.    
  131.    
  132. blockquote {
  133.     margin-left: 0px;
  134.     padding-left:4px;
  135.     border-left: 4px solid {color:Bold}; }
  136.    
  137.  
  138. #title {
  139.     margin-top: 5px;
  140.     margin-bottom: 5px;
  141.     padding-bottom: 4px;
  142.     font-size: 16px;
  143.     text-align: center; }
  144.  
  145. #link {
  146.     margin-top: 5px;
  147.     padding-bottom: 4px;
  148.     font-size: 16px;
  149.     text-align: center; }
  150.  
  151.  
  152. h1 {
  153.     font-size: 19px;
  154.     line-height: 15px;
  155.     letter-spacing: 0px;
  156.     text-transform: none;
  157.     font-weight: normal;
  158.     text-align: left;
  159.     margin-top: 0px;
  160.     margin-bottom: -5px;
  161.     padding: 0px;
  162.     color: {color:Posts Title}; }
  163.  
  164.  
  165.  
  166. /* --- POSTS --- */
  167.    
  168. #entries {
  169.     position: absolute;
  170.     margin-left: 300px;
  171.     top: 20px;
  172.     width: 520px; }
  173.      
  174. #posts {
  175.     overflow: hidden;
  176.     margin-bottom: 40px;
  177.     padding: 10px 10px 0px 10px;
  178.     background-color: {color:Posts Background}; }
  179.  
  180.  
  181.  
  182. /* --- POST INFO --- */
  183.  
  184. #info {
  185.     position: absolute;
  186.     opacity: 1;
  187.     margin-top: 2px;
  188.     margin-left: -10px;
  189.     width: 510px;
  190.     padding: 1px 5px 3px 5px;
  191.     font-family: mane;
  192.     font-size: 8px;
  193.     line-height:120%;
  194.     text-transform: uppercase;
  195.     text-align: center;
  196.     color: {color:Links};
  197.     background-color: {color:Posts Info Background};
  198.     -webkit-transition: 0.4s linear; }
  199.    
  200. #info a {
  201.     color: {color:Links}; }
  202.  
  203. #info a:hover {  
  204.     color: {color:Links Hover}; }
  205.    
  206.    
  207.    
  208. /* --- QUOTE --- */
  209.  
  210. #quote {
  211.     margin: 10px 32px;
  212.     font-family: Calibri;
  213.     font-size: 16px; }
  214.  
  215. #source {
  216.     font-size: 11px; }
  217.  
  218. #speechmark {
  219.     position: absolute;
  220.     margin: 10px 0 0 -35px;
  221.     padding-right: 10px;
  222.     font-family: Calibri;
  223.     font-size: 50px;
  224.     font-weight: bold;
  225.     color: {color:Bold}; }
  226.  
  227. #speechmarkk {
  228.     position: absolute;
  229.     margin: 7px 0 0 450px;
  230.     padding-right: 10px;
  231.     font-family: Calibri;
  232.     font-size: 50px;
  233.     font-weight: bold;
  234.     color: {color:Bold}; }
  235.  
  236.  
  237.  
  238. /* --- AUDIO --- */
  239.  
  240. #audio {
  241.     padding: 0px; }
  242.    
  243. .qu {
  244.     opacity: 0.7;
  245.     font-family: georgia;
  246.     font-size: 25px;
  247.     font-weight: bold;  
  248.     line-height: 33px;}
  249.    
  250. .ote {
  251.     opacity: 0.9;
  252.     margin-top: -34px;
  253.     text-indent: 15px; }
  254.  
  255. .audio {
  256.     background-color :white;
  257.     display: block; }
  258.    
  259.  
  260.  
  261. /* --- QUESTION --- */
  262.  
  263. .asker {
  264.     width: 490px;
  265.     padding: 5px;
  266.     font-size: 11px;
  267.     text-transform: normal;
  268.     line-height: 11px;
  269.     font-weight: normal;
  270.     color:{color:Font};
  271.     background-color: {color:Posts Info Background};}
  272.    
  273. .asker img {
  274.     float: left;
  275.     padding: 0px 5px 0px 0px; }
  276.    
  277. .asker a {
  278.     margin: 0;
  279.     padding: 0;
  280.     font-size: 11px;
  281.     line-height: 11px
  282.     font-weight: bold;
  283.     text-transform: normal;
  284.     color: {color:Links};;}
  285.    
  286. .asker a:hover {
  287.     margin: 0;
  288.     padding: 0;
  289.     font-size: 11px;
  290.     line-height:11px;
  291.     font-weight: bold;
  292.     text-transform: normal;
  293.     color: {color:Links Hover};
  294.     background-color: transparent; }
  295.  
  296. .question {
  297.     font-size: 10px;
  298.     font-weight: normal;
  299.     text-transform: none;
  300.     color:{color:Font}; }
  301.    
  302. .answer {
  303.     padding-top: 0px;
  304.     padding-left: 4px;
  305.     padding-right: 4px; }
  306.    
  307. .answer img {
  308.     max-width: 500px; }
  309.  
  310. img a {
  311.     border:none;
  312.     width:100%; }
  313.  
  314.  
  315.  
  316. /* --- CHAT --- */  
  317.  
  318. .user_1 .label {color:{color:links}; font-weight:bold;}    
  319. .user_2 .label {color:{color:links}; font-weight:bold;}    
  320. .user_3 .label {color:{color:links}; font-weight:bold;}    
  321. .user_4 .label {color:{color:links}; font-weight:bold;}    
  322. .user_5 .label {color:{color:links}; font-weight:bold;}    
  323. .user_6 .label {color:{color:links}; font-weight:bold;}    
  324. .user_7 .label {color:{color:links}; font-weight:bold;}    
  325. .user_8 .label {color:{color:links}; font-weight:bold;}    
  326. .user_9 .label {color:{color:links}; font-weight:bold;}    
  327. .user_10 .label {color:{color:links}; font-weight:bold;}    
  328. .user_11 .label {color:{color:links}; font-weight:bold;}    
  329. .user_12 .label {color:{color:links}; font-weight:bold;}    
  330. .user_13 .label {color:{color:links}; font-weight:bold;}    
  331. .user_14 .label {color:{color:links}; font-weight:bold;}    
  332. .user_15 .label {color:{color:links}; font-weight:bold;}    
  333. .user_16 .label {color:{color:links}; font-weight:bold;}    
  334. .user_17 .label {color:{color:links}; font-weight:bold;}    
  335. .user_18 .label {color:{color:links}; font-weight:bold;}    
  336. .user_19 .label {color:{color:links}; font-weight:bold;}    
  337. .user_20 .label {color:{color:links}; font-weight:bold;}
  338.    
  339. ul.chat, .chat ol, .chat li {
  340.     margin:0px;
  341.     padding:0px;
  342.     list-style:none;}
  343.  
  344.  
  345.  
  346.  
  347.  
  348. /* --- SCROLLBAR --- */
  349.  
  350.  
  351. ::-webkit-scrollbar-thumb:vertical {
  352.     height:10px;
  353.     background-color: {color:Scrollbar}; }
  354.    
  355. ::-webkit-scrollbar-thumb:horizontal {
  356.     height:10px;
  357.     background-color: {color:Scrollbar}; }
  358.    
  359. ::-webkit-scrollbar {
  360.     height: 10px;
  361.     width: 5px;
  362.     background-color: {color:Background}; }
  363.  
  364.  
  365.  
  366.  
  367.  
  368. /* --- PERMALINK NOTES PAGE --- */
  369.  
  370.  
  371. #postnotes {
  372.     margin:0px 0px 0px 0px;
  373.     width:510px;
  374.     padding:5px;
  375.     font-size:10px;
  376.     background-color: none; }
  377.    
  378. #postnotes a {
  379.     margin-top:1px; }
  380.  
  381. ol.notes li.note {
  382.     padding:1px;
  383.     border-bottom: solid 0px;}
  384.  
  385. ol.notes li.note img.avatar {
  386.     vertical-align:-4px;
  387.     margin-right:0px;
  388.     width:16px;
  389.     height:16px; }
  390.  
  391.  
  392.  
  393.  
  394.  
  395. /* --- SIDEBAR --- */
  396.  
  397.  
  398. #center {
  399.     margin-left: auto;
  400.     margin-right: auto;
  401.     width: 800px; }
  402.  
  403. #position {
  404.     position: fixed;
  405.     top: 74px;
  406.     width: 210px; }
  407.  
  408.  
  409. .sidebar {
  410.     margin-left: 40px;
  411.     width: 200px;
  412.     padding: 5px 5px 3px 5px;
  413.     font: 8px mane;
  414.     text-align: justify;  
  415.     color: {color:Font};
  416.     background: {color:Sidebar Image Border}; }
  417.  
  418.  
  419. .ttl {
  420.     margin-left: 40px;
  421.     width:200px;
  422.     font: 9px 'Orator Std';
  423.     letter-spacing: 2px;  
  424.     text-transform: uppercase;
  425.     color: {color:Blog Title}; }
  426.  
  427.  
  428. #description {
  429.     position: fixed;
  430.     opacity: 0.9;
  431.     overflow: hidden;
  432.     margin-top: 5px;
  433.     margin-left: -5px;  
  434.     width: 210px;
  435.     padding: 6px 0px 4px 0px;  
  436.     text-align: justify;
  437.     color: {color:Font};
  438.     background: none;
  439.     border: 5px solid none;
  440.     -webkit-transition-duration: .90s;}
  441.  
  442.  
  443.  
  444.  
  445.  
  446. /* --- PAGES --- */
  447.  
  448.  
  449. #prev {
  450.     position: fixed;
  451.     top: 250px;
  452.     left: 0;
  453.     width: 100px;
  454.     -webkit-transition-duration: .90s; }
  455.  
  456. #next {
  457.     position: fixed;
  458.     top: 250px;
  459.     right: 0;
  460.     width: 100px;
  461.     -webkit-transition-duration: .90s; }
  462.  
  463.  
  464. .pages {
  465.     display: block;
  466.     width: 30px;
  467.     padding: 0px 4px 4px 4px;
  468.     font: 35px tahoma;  
  469.     text-align: center;  
  470.     color: {color:Links};
  471.     background: none;
  472.     -webkit-transition-duration: .90s; }
  473. .pages a, a {
  474.     text-decoration: none;
  475.     text-transform: none;
  476.     color: {color:Links}; }
  477. .pages:hover {
  478.     color: {color:Links Hover};
  479.     background: {color:Nav Links Hover Background}; }
  480.  
  481.  
  482.  
  483.  
  484.  
  485. /* --- CREDIT --- */
  486.  
  487.  
  488. #credit {
  489.     position: fixed;
  490.     bottom: 10px;
  491.     right: 10px;
  492.     width: 45px;
  493.     -webkit-transition-duration: .90s; }
  494.  
  495. .crdt {
  496.     display: block;
  497.     width: 40px;
  498.     padding: 2px 0px 4px 0px;
  499.     font: 8px mane;  
  500.     text-align: center;  
  501.     color: {color:Links};
  502.     background: {color:Background};
  503.     border: 1px solid {color:Background};
  504.     -webkit-transition-duration: .90s; }
  505. .crdt a, a {
  506.     text-decoration: none;
  507.     text-transform: none;
  508.     color: {color:Links}; }
  509. .crdt:hover {
  510.     color: {color:Links Hover};
  511.     background: {color:Background};
  512.     border: 1px solid {color:Links Hover}; }
  513.  
  514.  
  515.  
  516.  
  517.  
  518. /* --- FONT FACE --- */
  519.  
  520.  
  521. @font-face {
  522.     font-family: mane;
  523.     src: url('http://static.tumblr.com/amm1lw6/Mwqm2qtbb/pfarmafive.ttf');}
  524.  
  525.  
  526.  
  527.  
  528.  
  529. </style>
  530. </head>
  531.    
  532.  
  533.  
  534.  
  535.  
  536. <body>
  537.  
  538.  
  539. <div id="credit">
  540. <a href="http://ohmyklaus.tumblr.com/tagged/themes" target="_blank">
  541. <div class="crdt">theme</div></a>
  542. </div>
  543.  
  544.  
  545. <div id="center">
  546.  
  547.  
  548. <div id="position">
  549.  
  550. <div class="ttl"><br>
  551. <center>
  552. {text:Blog Title}
  553. </center>
  554. </div>
  555.  
  556. <div class="sidebar">
  557.  
  558.  
  559. <img src="{image:Sidebar Image}" width="200px">
  560.  
  561. <div id="description">
  562. <center>
  563.  
  564. {block:ifLink1title}
  565. <a href="{text:Link 1 url}"><l>{text:Link 1 title}</l></a>
  566. {/block:ifLink1title}
  567.  
  568. {block:ifLink2title}
  569. <a href="{text:Link 2 url}"><l>{text:Link 2 title}</l></a>
  570. {/block:ifLink2title}
  571.  
  572. {block:ifLink3title}
  573. <a href="{text:Link 3 url}"><l>{text:Link 3 title}</l></a>
  574. {/block:ifLink3title}
  575.  
  576. {block:ifLink4title}
  577. <a href="{text:Link 4 url}"><l>{text:Link 4 title}</l></a>
  578. {/block:ifLink4title}
  579.  
  580. {block:ifLink5title}
  581. <a href="{text:Link 5 url}"><l>{text:Link 5 title}</l></a>
  582. {/block:ifLink5title}
  583.  
  584. {block:ifLink6title}
  585. <a href="{text:Link 6 url}"><l>{text:Link 6 title}</l></a>
  586. {/block:ifLink6title}
  587.  
  588. {block:ifLink7title}
  589. <a href="{text:Link 7 url}"><l>{text:Link 7 title}</l></a>
  590. {/block:ifLink7title}
  591.  
  592. {block:ifLink8title}
  593. <a href="{text:Link 8 url}"><l>{text:Link 8 title}</l></a>
  594. {/block:ifLink8title}
  595.  
  596. {block:ifLink9title}
  597. <a href="{text:Link 9 url}"><l>{text:Link 9 title}</l></a>
  598. {/block:ifLink9title}
  599.  
  600. {block:ifLink10title}
  601. <a href="{text:Link 10 url}"><l>{text:Link 10 title}</l></a>
  602. {/block:ifLink10title}
  603.  
  604. <br><br>
  605.  
  606. {description}
  607.  
  608. </center>
  609. </div>
  610. </div>
  611. </div>
  612.  
  613.  
  614. <div id="prev"><center>
  615. {block:Pagination}
  616. {block:PreviousPage}
  617. <a href="{PreviousPage}"> <div class="pages">«</div></a>
  618. {/block:PreviousPage}
  619. {/block:Pagination}
  620. </center></div>
  621.  
  622. <div id="next"><center>
  623. {block:Pagination}
  624. {block:NextPage}
  625. <a href="{NextPage}"> <div class="pages">»</div></a>
  626. {/block:NextPage}
  627. {/block:Pagination}
  628. </center></div>
  629.  
  630.  
  631.  
  632. <div id="entries">
  633. {block:Posts}
  634. <div id="posts">
  635.    
  636.      
  637. {block:Title}
  638. <h1>{Title}&nbsp;</h1>
  639. {/block:Title}
  640.  
  641. {block:Text}
  642. {Body}
  643. {/block:Text}
  644.      
  645. {block:Quote}
  646. <div id="quote">
  647. <div id="speechmark">“</div>
  648. <center>
  649. {Quote}
  650. </center>
  651. <div id="speechmarkk">”</div>
  652. </div>
  653. {block:Source}
  654. <div id="source">
  655. <center>
  656. {Source}
  657. </center>
  658. </div>{/block:Source}
  659. {/block:Quote}
  660.      
  661. {block:Link}
  662. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  663. {block:Description}{Description}{/block:Description}
  664. {/block:Link}
  665.      
  666. {block:Photo}
  667. {LinkOpenTag}
  668. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  669. {LinkCloseTag}<br>
  670. {block:Caption}
  671. {Caption}
  672. {/block:Caption}
  673. {/block:Photo}
  674.  
  675. {block:Photoset}
  676. {Photoset-500}
  677. {block:Caption}
  678. {Caption}
  679. {/block:Caption}
  680. {/block:Photoset}
  681.      
  682. {block:Chat}
  683. <ul class="chat">
  684. {block:Lines}
  685. <li class="user_{UserNumber}">
  686. {block:Label}
  687. <span class="label">{Label}</span>
  688. {/block:Label}
  689. &nbsp;{Line}</li>
  690. {/block:Lines}</ul>
  691. {/block:Chat}
  692.      
  693. {block:Video}
  694. {Video-500}
  695. {block:Caption}
  696. {Caption}
  697. {/block:Caption}
  698. {/block:Video}
  699.    
  700. {block:Answer}
  701. <div class="asker">
  702. <img src="{AskerPortraitURL-24}"><b>{Asker}</b> asked:
  703. <div class="questions">
  704. {Question}
  705. </div></div>
  706. <div class="answer">
  707. {Answer}
  708. </div>
  709. {/block:Answer}
  710.  
  711. {block:Audio}
  712. <div id="audio">
  713. {block:AlbumArt}
  714. <img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />
  715. {/block:AlbumArt}
  716. {block:TrackName}
  717. Song: <b>{TrackName}</b><br>
  718. {/block:TrackName}
  719. {block:Artist}
  720. Artist: <b>{Artist}</b><br><br>
  721. {/block:Artist}
  722. {AudioPlayerBlack}<br>
  723. </div>
  724. {block:Caption}
  725. {Caption}
  726. {/block:Caption}
  727. {/block:Audio}
  728.      
  729.      
  730. <br><div id="info">
  731. {block:Date}
  732. <a href="{Permalink}">{TimeAgo}</a>
  733. {/block:Date}
  734. {block:NoteCount}
  735. | <a href="{Permalink}">{NoteCount}  notes</a>
  736. {/block:NoteCount}
  737. | <a href="{ReblogURL}" target="_blank">reblog</a><br>
  738. {block:RebloggedFrom}
  739. via: <a href="{ReblogParentURL}">
  740. <a href="{ReblogParentURL}">{ReblogParentName}</a> |
  741. {/block:RebloggedFrom}
  742. {block:ContentSource}
  743. source: <a href="{SourceURL}">{SourceLink}</a><br>
  744. {/block:ContentSource}
  745. {block:HasTags}
  746. - {block:Tags}<a href="/tagged/{Tag}">{Tag}</a> - {/block:Tags}
  747. {/block:HasTags}
  748. </div>
  749.        
  750.        
  751. </div>
  752. {/block:Posts}
  753.  
  754. {block:PostNotes}
  755. <div id="postnotes">{PostNotes}</div>
  756. {/block:PostNotes}
  757.  
  758. </div>
  759.  
  760.  
  761. </body>
  762. </html>
create a new version of this paste RAW Paste Data