zaincumsthemes

Sunshine ☼ Theme 15

Feb 23rd, 2014
326
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