SHARE
TWEET

Sunshine ☼ Theme 15

zaincumsthemes Feb 23rd, 2014 292 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head><title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14.  
  15. <!---- Dis is be "Sunshine" theme 15 by Miki a.k.a CaptialCites. This is one of my favorite theme so steal it and i'll kill you ! You know the rules and have manners :) enjoy :* <3>--->
  16.  
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20.  
  21. <meta name="color:Text" content="#838282"/>
  22.  
  23. <meta name="color:Link" content="#b8b8b8"/>
  24.  
  25. <meta name="color:border" content="#eeeeee"/>
  26.  
  27. <meta name="color:Link hover" content="#b8b8b8"/>
  28.  
  29. <meta name="image:sidebar" content=""/>
  30.  
  31.     <meta name="text:link1" content="">
  32.  
  33.     <meta name="text:link1 url" content="/">
  34.  
  35.     <meta name="text:link2" content="">
  36.  
  37.     <meta name="text:link2 url" content="/">
  38.  
  39.     <meta name="text:link3" content="">
  40.  
  41.     <meta name="text:link3 url" content="/">
  42.    
  43.     <meta name="text:link4" content="">
  44.  
  45.     <meta name="text:link4 url" content="/">
  46.    
  47.     <meta name="text:link5" content="">
  48.  
  49.     <meta name="text:link5 url" content="/">
  50.  
  51. <style type="text/css">
  52.  
  53. @font-face{font-family:Celeste Hand;src:url(http://static.tumblr.com/9wzbixa/UBpmj2h2i/celeste_hand.ttf);}
  54.  
  55. #s-m-t-tooltip {
  56.  
  57. max-width:300px;
  58.  
  59. padding:4px 8px 8px 8px;
  60.  
  61. margin:20px 0px 0px 20px;
  62.  
  63. background-color:#000;
  64.  
  65. border-top:2px solid #000;
  66.  
  67. font-family:'Celeste Hand';
  68.  
  69. font-size:29px;
  70.  
  71. letter-spacing:0px;
  72.  
  73. text-transform:uppercase;
  74.  
  75. color:#fff;
  76.  
  77. z-index:999999999999999999999999999999999999;
  78.  
  79. }
  80.  
  81. body {
  82.  
  83.     background:{color:background};
  84.  
  85.     margin:0px;
  86.  
  87.     color:{color:text};
  88.  
  89.     font-size:9px;
  90.  
  91.     line-height:100%;
  92.  
  93. }
  94.  
  95.  
  96.  
  97. a {
  98.  
  99.     text-decoration:none;
  100.  
  101.     outline:none;
  102.  
  103.     -moz-outline-style:none;
  104.  
  105.     color:{color:link};
  106.  
  107.     -moz-transition-duration:0.5s;
  108.  
  109.     -webkit-transition-duration:0.5s;
  110.  
  111.     -o-transition-duration:0.5s;
  112.  
  113. }
  114.  
  115.  
  116.  
  117. a:hover{
  118.  
  119.     color:{color:link hover};
  120.  
  121.     font-style:italic;
  122.  
  123.         -moz-transition-duration:0.5s;
  124.  
  125.     -webkit-transition-duration:0.5s;
  126.  
  127.     -o-transition-duration:0.5s;}
  128.  
  129.  
  130.  
  131. img {
  132.  
  133.     border:none;
  134.  
  135. }
  136.  
  137.  
  138.  
  139. blockquote {
  140.  
  141.     padding-left:5px;
  142.  
  143.     border-left:2px solid;
  144.  
  145. }
  146.  
  147.    
  148.  
  149. blockquote blockquote {
  150.  
  151.     padding-left:5px;
  152.  
  153.     border-left:2px solid;
  154.  
  155. }
  156.  
  157.  
  158.  
  159. h1 {
  160.  
  161.     font-size:10px;
  162.  
  163. }
  164.  
  165.  
  166. @font-face{font-family:Celeste Hand;src:url(http://static.tumblr.com/9wzbixa/UBpmj2h2i/celeste_hand.ttf);}
  167.  
  168.  
  169. #title {
  170.     color:000;
  171.     font-family:'Celeste Hand';
  172.     font-size:35px;
  173.     position:fixed;
  174.     width:290px;
  175.     margin-left:-210px;
  176.     margin-top:120px;
  177. }
  178.  
  179. #title a {
  180. width:268px;
  181. padding:3px;
  182. font-size:30px;
  183. letter-spacing:0px;
  184. color:white;
  185. }
  186.      
  187. #title a:hover {
  188. text-shadow: -3px 3px #BEEDDC;
  189. -moz-transition-duration:0.5s;
  190. -webkit-transition-duration:0.5s;
  191. -o-transition-duration:0.5s;
  192. color:white;
  193. }  
  194.  
  195. #sidebar:hover #title {
  196. margin-left:-155px;
  197. margin-top:35px;
  198. -moz-transition-duration:.9s;
  199. -webkit-transition-duration:.9s;
  200. -o-transition-duration:.9s;
  201. }
  202.  
  203. /*- sidebar -*/
  204.  
  205. #sidebar {
  206.     position:fixed;
  207.     width: 100px;
  208.     margin-left:260px;
  209.     margin-top:180px;
  210.     border:solid px {color:border};
  211. }
  212.  
  213. #sidebarimage {
  214.     width: 110px;
  215.     height: 110px;
  216. }
  217.  
  218. #sidebarimage img {
  219.     width: 170px;
  220.     height: 170px;
  221.     margin-left:10px;
  222.     margin-top:60px;
  223.     border: 8px solid #000;
  224. }
  225.  
  226. #sidebar2image {
  227.     width: 110px;
  228.     height: 110px;
  229. }
  230.  
  231. #sidebar2image img {
  232.     width:190px;
  233.     height:310px;
  234.     margin-left:840px;
  235.     margin-top:-310px;
  236.     background:transparent;
  237. }
  238.  
  239.     #line {
  240.     padding:20px;
  241.     left:0px;
  242.     width:10px;
  243.     position:fixed;
  244.     background-color: #000;
  245.     height:150%;
  246.     margin-top: -180px;
  247.     margin-left:0px;
  248.     }
  249.    
  250.    
  251.    
  252. #description {
  253.     position:fixed;
  254.     width:240px;
  255.     margin-top:-145px;
  256.     font-size:12px;
  257.     margin-left:-240px;
  258.     line-height:13px;
  259.     text-align:center;
  260.     z-index:999999999999999;
  261.     color:#696969;
  262.     background-color:#fff;
  263.      -webkit-transition: all 0.1s ease-out;
  264.     -moz-transition: all 0.1s ease-out;transition: all 0.1s ease-out;
  265. }
  266.  
  267.      #description
  268.      a {color:#000; -moz-transition-duration:1s;
  269.      -webkit-transition-duration:1s; -o-transition-duration:1s;}
  270.  
  271.  
  272.      #sidebar #description {
  273.      opacity:0;
  274.      -moz-transition-duration:1s;
  275.     -webkit-transition-duration:1s;
  276.     -o-transition-duration:1s;
  277.     }
  278.  
  279.     #sidebar:hover #description {
  280.      opacity:.7771;
  281.     -moz-transition-duration:1s;
  282.     -webkit-transition-duration:1s;
  283.     -o-transition-duration:1s;
  284.     }
  285.  
  286. #links {
  287.     position:fixed;
  288.     margin-top:-15px;
  289.     margin-left:-285px;
  290.     font-size:32px;
  291.     text-transform:none;
  292.     text-align:center;
  293.     word-spacing:15px;
  294.     width:350px;
  295.     }
  296.  
  297.        #links
  298.      a {color:#000; -moz-transition-duration:1s;
  299.      -webkit-transition-duration:1s; -o-transition-duration:1s;}
  300.  
  301.  
  302.      #sidebar #links {
  303.      opacity:0;
  304.      -moz-transition-duration:1s;
  305.     -webkit-transition-duration:1s;
  306.     -o-transition-duration:1s;
  307.     }
  308.  
  309.     #sidebar:hover #links {
  310.      opacity:.7771;
  311.     -moz-transition-duration:1s;
  312.     -webkit-transition-duration:1s;
  313.     -o-transition-duration:1s;
  314.     }
  315.  
  316. #pagination
  317. {
  318.     color:000;
  319.     width:190px;
  320.     font-style:italic;
  321.     position:fixed;
  322.     text-align:center;
  323.     font-size:45px;
  324.     word-spacing:0px;
  325.     margin-left:-310px;
  326.     margin-top:-397px;
  327.     height:88px;
  328.     padding:8px;
  329. }
  330.  
  331.  
  332.  
  333. #stuffcontainer {
  334. float:left;
  335. margin-left:520px;
  336. margin-top:-10px;
  337. text-align:justify;
  338. color:{color:text};
  339. margin-bottom: 35px;
  340. }
  341.  
  342.  
  343. #stuff {
  344. width:500px;
  345. margin-top:45px;
  346. text-align:justify;
  347. font-size:11px;
  348. line-height:90%;
  349. letter-spacing:0px;
  350. color:{color:text};
  351. }
  352.  
  353. .caption {
  354. width:500px;
  355. text-align:justify;
  356. line-height:120%;
  357. }
  358.  
  359. .asker {
  360. padding:10px;
  361. font-family:cambria;
  362. letter-spacing:1px;
  363. text-align:left;
  364. text-transform:none;
  365. }
  366.    
  367. .ans {
  368. text-align:left;
  369. padding:10px;
  370. color:{color:text};
  371. }
  372.  
  373. .audio {
  374. width:500px;
  375. padding-bottom:10px;
  376. background-color:{color:infobg};
  377. }
  378.    
  379. .albumart {
  380. float:left;
  381. padding:0px 10px 10px 0px;
  382. }
  383.    
  384. .albumart img {
  385. width:45px;
  386. height:45px;
  387. }
  388.    
  389. .playercontainer {
  390. text-align:left;
  391. padding:10px;
  392. background-color:#ffffff;
  393. width:480px;
  394. }
  395.    
  396. .audioinfo {
  397. padding:10px;
  398. color:{color:text};
  399. }
  400.  
  401. #postinfo {
  402. width:490px;
  403. padding:5px;
  404. font-size:8px;
  405. color:white;
  406. text-transform:uppercase;
  407. font-style:normal;
  408. letter-spacing:2px;
  409. text-align:center;
  410. -moz-transition-duration:0.5s;
  411. -webkit-transition-duration:0.5s;
  412. -o-transition-duration:0.5s;
  413. background:black;
  414. }
  415.  
  416. #postinfo a {
  417. color:white;
  418. text-align:center;
  419. letter-spacing:1px;
  420. font-style:normal;
  421. }
  422.    
  423. #postinfo a:hover {
  424. color:{color:hover};
  425. }
  426.    
  427. .note {
  428. text-transform:uppercase;
  429. font-style:normal;
  430. letter-spacing:0px;
  431. font-size: 9px;
  432. text-align:left;
  433. line-height:90%;
  434. margin-left:-40px;
  435. }
  436.    
  437. .note li {
  438. list-style-type:none;
  439. padding:10px 25px 10px 25px;
  440. text-align:left;
  441. margin:0px;
  442. -moz-transition-duration:0.5s;
  443. -webkit-transition-duration:0.5s;
  444. -o-transition-duration:0.5s;
  445. }
  446.    
  447. .tags {
  448. font-style:normal;
  449. width:496px;
  450. text-transform:uppercase;
  451. font-style:normal;
  452. color:white;
  453. background:black;
  454. letter-spacing:2px;
  455. line-height:120%;
  456. font-size:8px;
  457. text-align:left;
  458. padding:2px;
  459. border-top:1px solid white;
  460. -moz-transition-duration:0.5s;
  461. -webkit-transition-duration:0.5s;
  462. -o-transition-duration:0.5s;
  463. }
  464.  
  465. .tags a {
  466. color:white;
  467. letter-spacing:1px;
  468. padding:1px;
  469. }
  470.    
  471. .tags a:hover {
  472. color:{color:link};
  473. }
  474.    
  475. ul.chat, .chat ol, .chat li {
  476. list-style:none;
  477. margin:0px;
  478. padding:2px;
  479. }
  480.    
  481. .label {
  482. text-decoration:underline;
  483. font-weight:700;
  484. background-color:{color:infobg};
  485. margin-right:5px;
  486. }
  487.  
  488.  
  489. {CustomCSS}</style>
  490.  
  491.     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  492.  
  493. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  494.  
  495. <script>
  496.  
  497. (function($){
  498.  
  499. $(document).ready(function(){
  500.  
  501. $("a[title]").style_my_tooltips({
  502.    
  503.    
  504. tip_follows_cursor:true,
  505.  
  506. tip_delay_time:90,
  507.  
  508. tip_fade_speed:600,
  509.  
  510. attribute:"title"
  511.  
  512.  
  513. });
  514.  
  515. });
  516.  
  517. })(jQuery);
  518.  
  519. </script>
  520.  
  521. </head><body>
  522.  
  523. <div id="sidebar">
  524.  
  525. <div id="title">{title}</div>
  526.  
  527. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  528. <div id="sidebar2image"><img src="http://media.tumblr.com/0e824b9dc898c2a165bea6b7b37dffd9/tumblr_inline_mskyagGAMG1qz4rgp.png"></div>
  529.  
  530. <div id="links">
  531. <a title="{text:link1}"href="{text:link1 url}">✖</a>
  532. <a title="{text:link2}"href="{text:link2 url}">✖</a>
  533. <a title="{text:link3}"href="{text:link3 url}">✖</a>
  534. <a title="{text:link4}"href="{text:link4 url}">✖</a>
  535. <a title="{text:link5}"href="{text:link5 url}">✖</a>
  536.  
  537. </div>
  538.  
  539. <div id="description">{Description}</div>
  540.  
  541. <div id="pagination">
  542. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">↑</a>{/block:PreviousPage}  {block:NextPage}<a href="{NextPage}">↓</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  543. </div></div></div>
  544.  
  545. </div>
  546.  
  547.   <div id="stuffcontainer">
  548.  
  549. {block:Posts}
  550.  
  551. <div id="stuff">
  552.  
  553. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  554.  
  555. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  556.  
  557. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  558. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  559.  
  560. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  561.  
  562. {block:Photoset}<center>{Photoset-500}</center>
  563. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  564.  
  565. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  566.  
  567. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  568.  
  569. {block:Answer}<div id="asker" style="margin-left:-5px;width:500px;"><span style="font-family:cambria;font-size:12px;font-style:italic; margin-left:15px;">{Asker} whispered: {Question}</span></div><br><left><font face="cambria"><span style="font-family:cambria;font-size:10px; marging-left:5px;">{Answer}</span></font>{/block:Answer}
  570.  
  571. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  572. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  573. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  574. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  575. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  576.  
  577. <p>
  578.  
  579. {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} • <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  580. {block:ContentSource} • <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  581. {block:HasTags}
  582. <div class="tags">
  583. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  584. {/block:HasTags}
  585. <div class="note">
  586. {block:PostNotes}{PostNotes}{/block:PostNotes}
  587. </div>
  588. </div>
  589. {/block:Posts}
  590.  
  591.  
  592.  
  593. </body>
  594.  
  595.  
  596.  
  597. <div style="position:fixed;bottom:5px; right:5px; text-transform:uppercase; font-size:20px; letter-spacing:2px; padding: 3px;"><a href="http://5sohhs.co.vu/">♍</a></center></div>
  598.  
  599. </div>
  600.    
  601. </html>
RAW Paste Data
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
 
Top