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

Theme 2 by ohmyklaus

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