API tools faq
paste
Advertisement
yuukithemes

Oumi

yuukithemes
Jul 17th, 2013
3,765
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Make 13.69 KB | None | 0 0
raw download clone embed print report
  1. <!--- Ōumi THEME BY @SEHUNNIESMILK
  2. D O N T REMOVE CREDITS PLEASE.
  3. TWEAK IF YOU WISH.
  4. ANY PROBLEMS PLEASE LET ME KNOW!--->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head>
  9.  
  10. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  11. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  12.  
  13. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18.  
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23. <meta name="color:Background" content="#ffffff" />
  24. <meta name="color:Bold Text" content="#00a1ff"/>
  25. <meta name="color:Italic Text" content="#9cbafc"/>
  26. <meta name="color:Link" content="#CCC" />
  27. <meta name="color:askerbackground" content="#FAFAFA" />
  28. <meta name="color:Link Hover" content="#000" />
  29. <meta name="color:Text" content="#AAA" />
  30. <meta name="image:Background" content=""/>
  31. <meta name="color:title" content="#bae9fc"/>
  32. <meta name="color:Blockquote" content="#f2f5f8" />
  33. <meta name="color:underline hover" content="#00f2ff" />
  34. <meta name="color:linksbg" content="#e1f3fa">
  35. <meta name="image:sidebar" content=""/>
  36.  
  37. <meta name="text:link1" content="url" />
  38. <meta name="text:link2" content="url" />
  39. <meta name="text:link3" content="url" />
  40. <meta name="text:title1" content="link" />
  41. <meta name="text:title2" content="link" />
  42. <meta name="text:title3" content="link" />
  43. <meta name="text:mini title" content="dream of me">
  44.  
  45. <script type="text/javascript"
  46. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  47.  
  48. <style type="text/css">
  49.  
  50. iframe#tumblr_controls {
  51.     top:0%!important;
  52.     right:0%!important;
  53.     position:fixed!important;
  54.     z-index:99999999!important;
  55.     opacity:1;
  56.     -webkit-filter:invert(100%);
  57.     -moz-filter:invert(100%);
  58.     -o-filter:invert(100%);
  59.     -ms-filter:invert(100%);
  60.     filter:invert(100%);
  61.     }
  62.  
  63. body {background: {color:Background} url('{image:Background}');background-attachment: fixed;color: {color:Text};font-family: cambria;font-size:10px;margin-top: -10px; text-align:justify;}
  64.  
  65. a {color:{color:Link};text-decoration: none;
  66. -webkit-transition: all 0.4s ease-in-out;
  67.     -moz-transition: all 0.4s ease-in-out;
  68.     -o-transition: all 0.4s ease-in-out;
  69.     }
  70.  
  71. a:hover {color:{color:Link Hover}; text-decoration:none;
  72. border-bottom:3px solid {color:underline hover;}}
  73.  
  74. b, strong {color:{color:Bold Text};}
  75.  
  76. i, em {color:{color:Italic Text};}
  77.  
  78.  /* strikethrough */
  79. s, strike {color: #fcdbdb;
  80. text-decoration: none;
  81. }
  82.  
  83. #h2{
  84. font:10px/10px century gothic;
  85. text-transform:uppercase;
  86. letter-spacing:2px;
  87. margin-bottom:2px;
  88. padding:5px;
  89. margin-top:0;
  90. border:1px solid #eee;
  91. text-align:center;
  92. border-bottom: 3px double #eee;
  93. background:#fbfbfb;
  94. color:#ccc;
  95. }
  96.  
  97.  
  98. #content {padding:20px;
  99.     margin: auto;
  100.     margin-left:200px;
  101.     width:440px;
  102.     {block:PermalinkPage}
  103.     margin-left:200px;width:440px;
  104.     {/block:PermalinkPage}}
  105.  
  106.    
  107. .post{
  108.     margin-top:60px;
  109.     margin-bottom:6px;
  110.     margin-left:80px;
  111.     width:400px;
  112.     border:3px double #eee;
  113.     padding:20px;
  114.     background:#ffffff;}
  115.    
  116.  
  117. .post a:hover{
  118.        border-bottom:3px solid {color:underline hover};}
  119.    
  120. .post img{ opacity:0.7;}
  121.        
  122.    
  123. .post img:hover {
  124.     opacity:1;
  125.      -webkit-transition: all 0.5s ease-in;
  126.     -moz-transition: all 0.5s ease-in;
  127.     transition: all 0.5s ease-in;
  128. }
  129.  
  130.  
  131.  
  132.     iframe { opacity: 0.7; filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  133.  
  134.     iframe:hover{ opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
  135.  
  136.    
  137.    
  138. .perma{
  139.     position:absolute;
  140.     opacity:0;
  141.     margin-left:430px;
  142.     margin-top:-30px;
  143.     padding:10px;
  144.     width:80px;
  145.     font-family:Century Gothic;
  146.     text-transform:uppercase;
  147.     text-align:right;
  148.     font-family:Calibri;
  149.     font-size:8px;
  150.     letter-spacing:1px;
  151.     color:000;
  152.     background:{color:title};
  153.     -webkit-transition: all 0.5s ease-in-out;
  154.     -moz-transition: all 0.5s ease-in-out;
  155.     transition: all 0.5s ease-in-out;
  156. }
  157. .perma a{
  158.     color:#000;
  159. }
  160.  
  161. .perma a:hover{
  162.     color:black;
  163. }
  164.  
  165. .post:hover .perma{
  166.     opacity:1;
  167.     -webkit-transition: all 0.5s ease-in-out;
  168.     -moz-transition: all 0.5s ease-in-out;
  169.     transition: all 0.5s ease-in-out;
  170. }
  171.    
  172. #notes {
  173.     width:400px;
  174.     font-family:cambria;
  175.     font-size:7.5px;
  176.     letter-spacing:1px;
  177.     text-transform:uppercase;
  178.     }
  179.  
  180. #notes ol li {
  181.     list-style-type:hiragana;
  182.     padding:2px;
  183.     background:#f5f5f5;
  184.     }
  185.  
  186.  
  187.  
  188. #photo img {
  189.     max-width:100%;
  190.     display:block;
  191.     }
  192.    
  193. #photoset, #video {
  194.     margin-bottom:4px;
  195.     }
  196.  
  197. blockquote{
  198.     display: block;
  199.     padding:5px;
  200.     border-left:1px dotted #000;
  201.     margin-left:40px;
  202.     background-color:{color:blockquote};
  203.     }
  204.    
  205. #woonie {
  206.     margin-left:50px;
  207.     width: 200px; }
  208.    
  209. .sehun {
  210.     font: 7px trebuchet ms;
  211.     margin-top: 175px;
  212.     border-bottom:3px double #eee;
  213.     padding:5px;
  214.     background:white;
  215.     position:fixed;
  216.     left:57px;
  217.     background:white;
  218.     width:190px;
  219.     text-align:center;
  220.     letter-spacing: 3px;
  221.     color: #939393}
  222.  
  223. .desc {
  224.     text-align: justify;
  225.     letter-spacing: 1px;
  226.     position:fixed;
  227.     background:white;
  228.     width:200px;
  229.     margin-top:200px;}
  230.    
  231. .title {
  232.     font-size: 20px;
  233.     font-family: trebuchet ms;
  234.     letter-spacing:7px;
  235.     color:gray;
  236.     background:white;
  237.     width:180px;
  238.     position:fixed;
  239.     opacity:.6;
  240.     border-radius:9px;
  241.     border:1px solid #eee;
  242.     text-align:center;
  243.     background-color:{color:title};
  244.     padding: 3px 6px 1px 12px;
  245.     margin-top:145px;
  246. }
  247.  
  248. .title:hover{
  249.     background:#f7f7f7;
  250.     opacity:.5;
  251.     border-radius:10px;
  252.      -webkit-transition: all 0.7s ease-in;
  253.     -moz-transition: all 0.7s ease-in;
  254.     transition: all 0.7s ease-in;
  255. }
  256.        
  257.    
  258. #text{
  259.     font-size:10px;
  260.     margin-top:-20px;
  261.     font family:cambria;}
  262.        
  263.  
  264. #asker {
  265.     font-family:cambria;
  266.     font-size:12px;
  267.     line-height:12px;
  268.     font-weight:bold;
  269.     font-style:normal;
  270.     text-transform:justify;
  271.     }
  272.  
  273. #question {
  274.     padding:10px;
  275.      background-color:{color:askerbackground};
  276.     font-style:italic;
  277.     text-align:center;
  278.     border:1px solid #eee;
  279.     }
  280.  
  281. #s-m-t-tooltip
  282. {position:fixed;
  283.     overflow:hidden;
  284.     max-width:90px;  
  285.     padding:3px 5px 3px 5px;
  286.     margin:10px 0 0 10px;
  287.     background:#fff;
  288.     border: 3px double #F0F0F0;
  289.     z-index:10;
  290.     display:inline-block;
  291.     font:10px calibri;
  292.     letter-spacing:0px;
  293.     text-align:center;
  294.     text-transform:justify;
  295.     color:gray;}
  296.  
  297. .user_1 .label {color:{color:bold}; font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  298. .user_2 .label {color:{color:italic}; font-weight:bold;font-style: italic;letter-spacing:1px;font-size:10px;text-transform:lowercase;}
  299. .user_3 .label {color:{color:bold}; font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  300. .user_4 .label {color:{color:italic}; font-weight:bold;font-style: italic;font-style: italic;letter-spacing:1px;font-size:10px;text-transform:lowercase;}
  301. .user_5 .label {color:{color:bold};font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  302. .user_6 .label {color:{color:italic}; font-weight:bold;font-style: italic;letter-spacing:1px;font-size:10px;text-transform:lowercase;}
  303.  
  304. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  305.  
  306. .chat li {list-style:none;
  307.         margin-top:2px;
  308.         padding:4px; border: 1px solid #f5f5f5;
  309.         background-color:#fafafa;}
  310.    
  311. ul {list-style-type:hiragana }
  312.  
  313.  
  314. #quote {
  315.     color:{color:Quote};
  316.     font-family:cambria;
  317.     font-size:15px;
  318.     margin-top:-10px;
  319.     text-align:right;
  320.     font-style:italic;
  321.     }
  322.  
  323. #source {
  324.     font-family:tahoma;
  325.     font-size:8px;
  326.     padding:5px;
  327.     opacity:.5;
  328.     border-bottom:1px dotted gray;
  329.     letter-spacing:1px;
  330.     text-align:center;
  331.     text-transform:uppercase;
  332.      }
  333.  
  334. #cr {color:#000; font-size:12px;right:5px;bottom:15px;position:fixed;font-family:calibri;letter-spacing:1px;text-align:left;opacity:.6;border:1px solid #eee;padding:5px;}
  335.  
  336. #cr a{
  337.     text-decoration:none;
  338.     color:gray;
  339. }
  340.  
  341.  
  342. #navi{
  343. position:relative;
  344. width:200px;;
  345. display:inline-block;
  346. margin-bottom:20px;
  347. vertical-align:top;
  348. background:;
  349. }
  350.  
  351. #navi a{
  352. font-size:8px;
  353. font-weight:normal;
  354. font-family: 'Orienta', sans-serif;
  355. color:#c0c0c0;
  356. text-transform:uppercase;
  357. letter-spacing:5px;
  358. display:block;
  359. background:white;
  360. padding:5px 0;
  361. border-bottom:1px #f5f5f5 dotted;
  362. }
  363.  
  364. #navi a:hover{
  365. color:{color:hover};
  366.  background:{color:linksbg};
  367. border-bottom:1px dotted gray;
  368. }
  369.  
  370.  
  371. #lala img{
  372.     position:fixed;
  373.     width:195px;
  374.     height:100px;
  375.     opacity:.7;
  376.     top:30px;
  377.     left:60px;
  378.     -webkit-transition: all 0.4s ease-in;
  379.     -moz-transition: all 0.4s ease-in;
  380.     -o-transition: all 0.4s ease-in;
  381.     }
  382.  
  383.  
  384. #taggus {
  385.     font-family: ;
  386.     font-size: 10px;
  387.     letter-spacing:1px;
  388.     padding: 3px;
  389.     padding-bottom: 10px;
  390.     padding-top:9px;
  391.     text-align:center;
  392.     margin-top:3px;
  393.     background:#fafafa;
  394.     }
  395.      
  396. </style>
  397. </head>
  398. <div id="woonie">
  399. <div id="lala"><img src="{image:sidebar}"></div>
  400. <a href="/"><div class="title">{title}</div></a>
  401. <div class="sehun">{text:mini title}</div>
  402. <div class="desc">{description}
  403. </ul><p>
  404. <div id="navi">
  405. <div id="h2">navigation</div><center>
  406. <a href="/" class="">home</a>
  407. <a href="/ask" class="">mesg</a>
  408. <a href="{text:link1}">{text:title1}</a>
  409. <a href="{text:link2}">{text:title2}</a>
  410. <a href="{text:link3}">{text:title3}</a>
  411. </div>
  412. </div>
  413.  
  414. <div id="content">
  415. {block:Posts}
  416. <div class="post">
  417. <div class="posts">
  418.  
  419. {block:ContentSource}
  420. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  421. {/block:SourceLogo}
  422. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  423. {/block:ContentSource}
  424.  
  425. <div id="cr">
  426. <a href="http://sehunniesmilk.tumblr.com" title="sehunniesmilk">TH.</a>
  427. </div>
  428.  
  429. {block:Photo}
  430. {block:IndexPage}
  431. <div id="photo">
  432. {LinkOpenTag}
  433. <img src="{PhotoURL-400}" alt='{PhotoAlt}'/>
  434. {LinkCloseTag}
  435. </div>
  436. {/block:IndexPage}
  437. {block:PermalinkPage}
  438. <div id="photo">
  439. {LinkOpenTag}
  440. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  441. {LinkCloseTag}
  442. </div>
  443. {/block:PermalinkPage}
  444. {/block:Indexpage}{/block:PermalinkPage}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  445. {/block:Photo}
  446.  
  447.  
  448. {block:Photoset}
  449. <div id="photoset">
  450. {block:IndexPage}
  451.         {Photoset-400}
  452. {/block:IndexPage}
  453. {block:PermalinkPage}
  454.     {Photoset-400}
  455. {/block:PermalinkPage}
  456. </div>
  457. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  458. {block:PermalinkPage}{/block:PermalinkPage}
  459. {/block:Photoset}
  460.  
  461.  
  462. {block:Video}
  463. <div id="video">
  464. {block:IndexPage}
  465.  
  466.         <center>{Video-400}</center>
  467.  
  468. {/block:IndexPage}
  469. {block:PermalinkPage}
  470.     <center>{Video-400}</center>
  471. {/block:PermalinkPage}
  472. </div>
  473. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Indexpage}
  474. {block:PermalinkPage}{/block:PermalinkPage}
  475. {/block:Video}
  476.  
  477.  
  478. {block:Audio}
  479. <table border="0" cellpadding="0" cellspacing="2" ><tr>
  480.     <div id="player">{AudioPlayerBlack}</div>
  481.     </br><b>Listened:</b> {FormattedPlayCount}
  482. </td>
  483. </tr>
  484. </table>
  485. {block:Indexpage}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:Indexpage}
  486. {block:PermalinkPage}{/block:PermalinkPage}
  487. {/block:Audio}
  488.  
  489.  
  490.  
  491.  {block:Link}
  492. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{block:IndexPage}{/block:IndexPage}
  493. {/block:Link}
  494.  
  495. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  496. {/block:Chat}
  497.  
  498.  
  499.  {block:Answer}
  500. <div id="question"><div id="asker">{Asker} inquired:</div> {Question}</div>
  501. {Answer}
  502. {/block:Answer}
  503. </div>
  504.  
  505. {block:Text}
  506. {block:Title}<div id="h2">{Title}</div>{/block:Title}
  507. {Body}
  508. {/block:Text}
  509.  
  510.  
  511. {block:Quote}
  512. <div id="quote">"{Quote}"</div>
  513. {block:Source}<div id="source">★ {Source}</div>{/block:Source}
  514. {/block:Quote}
  515.  
  516. <div id="taggus">
  517. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  518.  
  519.  
  520. <div class="perma">
  521. {block:IndexPage}
  522. {block:NoteCount}{NoteCount}{/block:NoteCount}<br><a href="{Permalink}">{TimeAgo}</a><br><a href="{ReblogURL}" >reblog</a>
  523. {/block:IndexPage}
  524.  
  525.  
  526. {block:PermalinkPage}
  527. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a> ★ {DayOfWeek}, {DayOfMonth}. {ShortMonth}, {Year}{/block:Date}
  528. {block:NoteCount} / {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> / <a href="{ReblogRootURL}" title="{ReblogRootName}">Origin</a>{/block:RebloggedFrom}
  529. {/block:PermalinkPage}
  530. </div>
  531. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  532.  
  533.  
  534. </div>
  535.  
  536.  
  537. {/block:Posts}
  538. </div>
  539. </div>
  540.  
  541.  
  542.  </div>
  543. </body>
  544. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!