Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!

thm12wishes

By: berry1890 on Nov 4th, 2012  |  syntax: None  |  size: 28.46 KB  |  views: 12,690  |  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!---
  7.  
  8.  don't remove the credit
  9.  leave the credit if you want to use parts of the theme
  10.  
  11.  
  12. ____________________________________
  13.  
  14.  
  15. --->
  16.  
  17.  
  18.  
  19. <meta name="color:Background" content="#ffffff" />
  20. <meta name="color:BlockquoteBorder" content="#fe2f1d" />
  21. <meta name="color:BlogTitle" content="#f95615" />
  22. <meta name="color:BlogTitleBackground" content="#ffdc9e" />
  23. <meta name="color:Bold" content="#fe2f1d" />
  24. <meta name="color:BoxShadow" content="#2d2d2d" />
  25. <meta name="color:ChatEvenBackground" content="#ffeac6" />
  26. <meta name="color:ChatEvenName" content="#fe2f1d" />
  27. <meta name="color:ChatEvenText" content="#e2e15" />
  28. <meta name="color:ChatOddBackground" content="#ffdc9e" />
  29. <meta name="color:ChatOddName" content="#fe2f1d" />
  30. <meta name="color:ChatOddText" content="#e2e15" />
  31. <meta name="color:CustomLinkText" content="#fe2f1d"/>
  32. <meta name="color:CustomLinkBackground" content="#ffdc9e"/>
  33. <meta name="color:DescLink" content="#269294"/>
  34. <meta name="color:DescText" content="#6e2e15" />
  35. <meta name="color:EntryBackground" content="#f9f9f9" />
  36. <meta name="color:Italic" content="#328341" />
  37. <meta name="color:Link" content="#269294" />
  38. <meta name="color:MusicPlayer" content="#fccead" />
  39. <meta name="color:NaviLinkBackground" content="#ffc969"/>
  40. <meta name="color:NaviLinkText" content="#f95615"/>
  41. <meta name="color:Pagination" content="#328341"/>
  42. <meta name="color:PermaLink" content="#fe2f1d" />
  43. <meta name="color:PermaText" content="#000000" />
  44. <meta name="color:PermaLinkBackground" content="#ffdc9e"/>
  45. <meta name="color:PostTitle" content="#d37633" />
  46. <meta name="color:PostTitleBackground" content="#ffffe1" />
  47. <meta name="color:Sidebar1Background" content="#f5f5f5" />
  48. <meta name="color:Sidebar1Border" content="#fccead" />
  49. <meta name="color:Sidebar2Background" content="#f5f5f5" />
  50. <meta name="color:SubtitleBorder" content="#fe2f1d" />
  51. <meta name="color:Text" content="#6e2e15" />
  52.  
  53.  
  54.  
  55.  
  56.  
  57. <meta name="if:InfiniteScrolling" content="0" />
  58. <meta name="if:ShowCaptions" content="0">
  59. <meta name="if:FadingPhoto" content="1" />
  60. <meta name="if:Big Posts" content="0" />
  61. <meta name="if:Monochrome" content="1" />
  62. <meta name="if:ShowTags" content="1" />
  63. <meta name="if:LeftBar" content="1" />
  64. <meta name="if:MusicPlayer" content="1" />
  65.  
  66.  
  67.  
  68. <meta name="image:SidebarImage" content="http://static.tumblr.com/d42de8c8758238d0a8ac81ea1ab3a400/uuxiawr/h0Amw0l1k/tumblr_static_1.png"/>
  69. <meta name="image:BackgroundImage" content="http://static.tumblr.com/8c3a9c2fb4650bf822f9ffbe0c1cb890/uuxiawr/3T7mw0l1c/tumblr_static_tree_bark.png"/>
  70. <meta name="image:CornerImage" content="" />
  71.  
  72.  
  73.  
  74.  
  75. <meta name="text:Background Repeat" content="repeat"/>
  76. <meta name="text:Music" content="Music Code Here"/>
  77. <meta name="text:Subtitle" content="Subtitle Here"/>
  78.  
  79. <meta name="text:Link1" content="" />
  80. <meta name="text:URL1" content="/"/>
  81. <meta name="text:Link2" content="" />
  82. <meta name="text:URL2" content="/"/>
  83. <meta name="text:Link3" content="" />
  84. <meta name="text:URL3" content="/"/>
  85. <meta name="text:Link4" content="" />
  86. <meta name="text:URL4" content="/"/>
  87. <meta name="text:Link5" content="" />
  88. <meta name="text:URL5" content="/"/>
  89. <meta name="text:Link6" content="" />
  90. <meta name="text:URL6" content="/"/>
  91.  
  92.  
  93.  
  94.  
  95. <head>
  96. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/hbcoz7i/SsImo6vff/stylesheet.css" />
  97. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/hbcoz7i/xGBmo6vyb/stylesheet.css" />
  98. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
  99. <link href='http://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  100. <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  101. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  102. <title>{Title}</title>
  103. <link rel="shortcut icon" href="{Favicon}">
  104.  
  105. <style type="text/css">
  106.  
  107.  
  108.  
  109.  
  110.  
  111. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  112.  
  113. /* fontawesome */
  114. [class*="fontawesome-"]:before {
  115. font-family: 'FontAwesome', sans-serif;
  116. }
  117.  
  118.  
  119.  
  120. body {
  121. background-image: url('{image:backgroundimage}');
  122. background-color: {color:background};
  123. background-attachment: fixed;
  124. background-repeat: {text:Background Repeat};
  125. color: {color:text};
  126. font-size: 10px;
  127. }
  128.  
  129.  
  130.  
  131.  
  132. @font-face {
  133. font-family: "tommaso";
  134. src: url('http://static.tumblr.com/7fjp0ap/L63mbsxdh/tommaso.otf');}
  135.  
  136.  
  137. ::-webkit-scrollbar-thumb {
  138. background-color: {color:desctext};
  139. height: 5px;
  140. width: 8px;
  141. }
  142.  
  143. ::-webkit-scrollbar {
  144. height: 5px;
  145. width: 8px;
  146. background-color: {color:sidebar2background};
  147. }
  148.  
  149. a{
  150. color: #ffffff;
  151.  
  152. text-decoration: none;
  153. -webkit-transition: all 0.5s linear;
  154. -moz-transition: all 0.5s linear;
  155. -o-transition: all 0.5s linear;
  156. }
  157.  
  158.  
  159.  
  160.  
  161. #side1{
  162. position: fixed;
  163. width: 100px;
  164. top: 0px;
  165. bottom: 0px;
  166. left: 0px;
  167. text-align: center;
  168. background-color: {color:sidebar1background};
  169. border-right: 2px solid {color:sidebar1border};
  170. box-shadow: 1px 1px 3px {color:boxshadow};
  171. }
  172.  
  173.  
  174.  
  175.  
  176. #navibox{
  177. width: 84px;
  178. display: inline-block;
  179. text-align: center;
  180. margin-left:8px;
  181.  
  182. }  
  183.  
  184. #navibox img{
  185. width: 80px;
  186. height:80px;
  187. border: 2px solid {color:customlinkbackground};
  188. margin-bottom:5px;
  189. }
  190.  
  191. #navi{
  192. font-family: calibri;
  193. display: block;
  194. font-size: 11px;
  195. width: 74px;
  196. padding: 5px;
  197. margin-bottom: 3px;
  198. text-align: center;
  199. color: {color:customlinktext};
  200. background-color: {color:customlinkbackground};
  201. -webkit-transition: all 0.5s ease-in-out;
  202. -moz-transition: all 0.5s ease-in-out;
  203. -o-transition: all 0.5s ease-in-out;
  204. }
  205.  
  206.  
  207. #navi:hover{
  208. color: {color:customlinkbackground};
  209. background-color:{color:customlinktext};
  210. text-shadow: 1px 0 .2px #FF0000, -1px 0 .2px #00F1F5;
  211. font:11px calibri;
  212. }
  213.  
  214.  
  215.  
  216.  
  217.  
  218. #sidebarss{
  219. {block:ifBigPosts}left: 675px;{/block:ifBigPosts}
  220. {block:ifNotBigPosts}left: 575px;{/block:ifNotBigPosts}
  221. {block:ifnotleftbar}
  222. {block:ifBigPosts}left: 585px;{/block:ifBigPosts}
  223. {block:ifNotBigPosts}left: 485px;{/block:ifNotBigPosts}
  224. {block:ifnotleftbar}
  225. position: fixed;
  226. bottom: 0px;
  227. padding-top: 2px;
  228. padding-left: 2px;
  229. padding-right: 2px;
  230. width: 300px;
  231. text-align: center;
  232. -moz-border-radius: 500px 500px 0px 0px;
  233. -webkit-border-radius: 500px 500px 0px 0px;
  234. border-radius: 500px 500px 0px 0px;
  235. background-color: {color:sidebar2background};
  236. box-shadow: 1px 1px 3px {color:boxshadow};
  237. }
  238.  
  239.  
  240. #contentx img{
  241. max-width: 300px;
  242. text-align: center;
  243. -moz-border-radius: 500px 500px 0px 0px;
  244. -webkit-border-radius: 500px 500px 0px 0px;
  245. border-radius: 500px 500px 0px 0px;
  246.  
  247. }
  248.  
  249.  
  250. #info{
  251. display: block;
  252. width: 280px;
  253. padding: 10px;
  254. padding-bottom:0px;
  255. margin-top:10px;
  256. margin-bottom:10px;
  257. text-align: center;
  258. color: {color:desctext};
  259. font-family: consolas;
  260. font-size: 10px;
  261. }
  262.  
  263. #info:hover{
  264. font-style:italic;
  265. }
  266.  
  267. #info a{
  268.  
  269. color: {color:desclink};  
  270. -webkit-transition: all 0.5s linear;
  271. -moz-transition: all 0.5s linear;
  272. -o-transition: all 0.5s linear;  
  273.    
  274.     }
  275.    
  276.  
  277.  
  278.  
  279. #title{
  280. width: 294px;
  281. padding:0px 5px 0px 5px;
  282. text-align: right;
  283. color: {color:blogtitle};  
  284. background-color: {color:blogtitlebackground};
  285. font-size: 30px;
  286. display:inline-block;
  287. font-family: 'Lovers Quarrel', cursive;
  288. margin:5px 0px 0px -2px;
  289. overflow:hidden;
  290.  
  291. }
  292.  
  293. .tborder{
  294. width:294px;
  295. padding:0px 5px 0px 5px;
  296. margin:-10px 0px -3px -5px;
  297. font-size:17px;
  298. text-align:center;
  299. overflow:hidden;
  300. color: {color:subtitleborder};  
  301. font-family: nymphetteregular;
  302. }
  303.  
  304. .subtitle{
  305. width: 294px;
  306. font-size:11px;
  307. margin-top:5px;
  308. padding:0px 0px 5px 5px;
  309. text-align: left;
  310. line-height:12px;
  311. color: {color:subtitle};  
  312. font-family:'Playfair Display', serif;
  313. }
  314.  
  315.  
  316. #linksbox{
  317.  display: inline-block;
  318.  width: 300px;
  319.  margin-top:-3px;
  320.  margin-bottom: 20px;
  321.  text-align: center;
  322.  
  323. background-color: {color:navilinkbackground};
  324. height: 5px;
  325.  
  326. }
  327.  
  328. #lb{
  329.   display: inline-block;
  330.   width: 300px;  
  331.   margin-left:5px;
  332.   z-index:9999999;
  333.     }
  334.  
  335. #lb a{
  336.    text-decoration: none;
  337.    display: inline-block;
  338.    width: 50px;
  339.    height: 30px;
  340.    margin-right: 5px;
  341.    line-height: 30px;
  342.    font-size:15px;
  343.    text-align: center;
  344.    color: {color:navilinktext};
  345.    background-color: {color:navilinkbackground};
  346.    -moz-border-radius: 0px 0px 500px 500px;
  347.    -webkit-border-radius: 0px 0px 500px 500px;
  348.     border-radius: 0px 0px 500px 500px;
  349.    -webkit-transition: all 0.5s ease-in-out;
  350.    -moz-transition: all 0.5s ease-in-out;
  351.    -o-transition: all 0.5s ease-in-out;    
  352.    
  353.   }
  354.    
  355.  
  356.  
  357.  
  358.  
  359. #parceiros {
  360. opacity: .99; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;
  361. }
  362. #parceiros:hover a {
  363. opacity: .50;
  364. }
  365. #parceiros a {
  366. opacity: .80; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;
  367. }
  368. #parceiros a:hover {
  369. opacity: .99;
  370. }
  371.  
  372.  
  373.  
  374.  
  375.  
  376.  
  377.      
  378.  
  379. #pagi{
  380. display:inline-block;
  381. width:234px;
  382. margin-bottom:5px;
  383. height:15px;
  384. line-height:15px;
  385. font-size: 11px;
  386. text-align:center;
  387. font-family: consolas;
  388. }
  389.  
  390. #pagi a{
  391. color: {color:pagination};
  392. }
  393.  
  394.  
  395. .jump_page {
  396. padding: 2px;
  397. font-family:cambria;
  398. font-size:11px;
  399. text-decoration:none;
  400. }
  401.  
  402.  
  403.  
  404. .current_page, .jump_page:hover {
  405. padding: 2px;
  406. color: {color:desclink};
  407. font-family:consolas;
  408. font-size:11px;
  409. text-decoration:none;
  410. }
  411.  
  412.  
  413.  
  414.  
  415. #posts{
  416. {block:ifBigPosts}width: 530px;{/block:ifBigPosts}
  417. {block:ifNotBigPosts}width: 430px;{/block:ifNotBigPosts}
  418. left: 120px;
  419. {block:ifnotleftbar}
  420. left: 30px;
  421. {block:ifnotleftbar}
  422. margin-bottom: 30px;
  423. position:relative;
  424. }
  425.  
  426. img.center {
  427.     display: block;
  428.     margin-left: auto;
  429.     margin-right: auto;
  430. }
  431.  
  432.  
  433. .entry{
  434. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  435. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  436. text-align: left;
  437. padding:10px;
  438. margin-top: 30px;
  439. font-family: calibri;
  440. font-size: 12px;
  441. box-shadow: 1px 1px 3px {color:boxshadow};
  442. overflow: hidden;
  443. background-color: {color:entrybackground};
  444. color: {color:text};
  445. }
  446.  
  447. .entry img{
  448. {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
  449. {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
  450. {block:ifFadingPhoto}
  451. opacity: 0.7;
  452. -webkit-transition: all 0.7s ease-in-out;
  453. -moz-transition: all 0.7s ease-in-out;
  454. -o-transition: all 0.7s ease-in-out;  {/block:ifFadingPhoto}
  455. }
  456.  
  457. {block:ifFadingPhoto}
  458. .entry img:hover{
  459.     opacity: 1;
  460. }
  461. {/block:ifFadingPhoto}
  462.  
  463.  
  464. {block:ifFadingPhoto}
  465. .photosetfade {
  466. opacity: 0.7;
  467. filter:alpha(opacity=70);
  468. -moz-opacity: 0.7;
  469. -webkit-transition: all 0.7s linear;
  470. -moz-transition: all 0.7s linear;
  471. -o-transition: all 0.7s linear;
  472. }
  473. {/block:ifFadingPhoto}
  474.  
  475.  
  476. {block:ifFadingPhoto}
  477. .photosetfade:hover {
  478. opacity: 1;
  479. filter:alpha(opacity=100);
  480. -moz-opacity: 0.9;
  481. }
  482. {/block:ifFadingPhoto}
  483.  
  484.  
  485. {block:ifMonochrome}
  486. .mono{
  487. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  488. filter: gray; /* IE6-9 */
  489. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  490. -webkit-transition: all 0.7s linear;
  491. -moz-transition: all 0.7s linear;
  492. -o-transition: all 0.7s linear;
  493. }
  494.  
  495.  
  496. .mono:hover{
  497. filter: none;
  498. -webkit-filter: grayscale(0%);  
  499. }
  500.  
  501. {/block:ifMonochrome}  
  502.  
  503.  
  504. .entry b, strong{
  505. color: {color:Bold};
  506. }
  507.  
  508. .entry i, em{
  509. color: {color:Italic};
  510. }
  511.  
  512. .entry a{
  513. color: {color:Link};
  514. text-decoration: none;
  515. }
  516.  
  517. .entry h1{
  518. font-family: consolas;
  519. text-transform: uppercase;
  520. font-size: 15px;
  521. font-weight: 20px;
  522. letter-spacing: 1px;
  523. }
  524.  
  525. .entry h1 a{
  526. color: {color:link};
  527. }
  528.  
  529. blockquote{
  530. color: {color:blockquotetext};
  531. border-left: 3px solid {color:blockquoteborder};
  532. font-size: 12px;
  533. padding-left:10px;
  534. padding-right: 4px;
  535. padding-top: 3px;
  536. padding-bottom: 3px;
  537. margin:5px;
  538. text-align:justify;
  539. }
  540.  
  541.  
  542. .entry blockquote img{
  543.     max-width: 90%;
  544.     margin-left: 3px;
  545. }
  546.  
  547. .entry pre{
  548. word-wrap:break-word;
  549. white-space: pre-wrap;
  550. word-break:break-all;
  551. font-family:courier new;
  552. font-size:11px;
  553. padding:5px;
  554. letter-spacing:0px;
  555. background-color:#a5a5a5;
  556. color: #252324;
  557. }
  558.  
  559.  
  560. .entry blockquote pre{
  561. background-color:#a5a5a5;
  562. font-size:11px;
  563. font-family:courier new;
  564. padding:5px;
  565. width:100%;
  566. word-wrap:break-word;
  567. white-space: pre-wrap;
  568. word-break:break-all;
  569. color: #252324;
  570. }
  571.  
  572.  
  573. #quote{
  574. color: {color:text};
  575. padding: 15px;
  576. font-family: calibri;
  577. font-size:18px;
  578. text-align:center;
  579. letter-spacing: 1px;
  580. line-height: 15px;
  581. }
  582.  
  583.  
  584. .quote2{
  585. position:absolute;
  586. margin-left:-20px;
  587. margin-top:10px;
  588. font-family: Donegal One,serif;
  589. font-size: 50px;  
  590. color: {color:text};
  591. }
  592.  
  593.  
  594.  
  595. .perma2{
  596. display:block;
  597. text-align:left;
  598. font-family:consolas;
  599. font-size:10px;
  600. padding:10px;
  601. padding-top:5px;
  602. padding-bottom:5px;
  603. margin-bottom:-10px;
  604. margin-left:-10px;
  605. margin-top:10px;
  606. {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
  607. {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
  608. background-color:{color:permalinkbackground};
  609. color:{color:permatext};
  610. }
  611.  
  612. .perma2 a{
  613. text-decoration:none;
  614. color:{color:permalink};
  615. -webkit-transition: all 0.7s linear;
  616. -moz-transition: all 0.7s linear;
  617. -o-transition: all 0.7s linear;
  618. }
  619.  
  620.  
  621. .perma2 a:hover{
  622. color:{color:link};    
  623. }
  624.  
  625.  
  626. .permalink {
  627. font-family: cambria;
  628. font-size: 10px;
  629. color: {color:Text};
  630. text-transform: uppercase;
  631. text-align: center;
  632. {block:ifBigPosts}width: 494px;{/block:ifBigPosts}
  633. {block:ifNotBigPosts}width: 394px;{/block:ifNotBigPosts}
  634. margin-top: 20px;
  635. padding:10px;
  636. margin-bottom: 10px;
  637. margin-left: -10px;
  638. float: left;
  639. background-color: {color:entrybackground};
  640. }
  641.  
  642. .permalink b {
  643. color: {color:Bold};
  644. font-weight: normal;
  645. }
  646.  
  647. #date {
  648. color: {color:text};
  649. }
  650.  
  651. .permalink a {
  652. color: {color:Link};
  653. text-decoration: none;
  654. }
  655.  
  656.  
  657.  
  658. .title{
  659. color: {color:posttitle};
  660. background-color: {color:posttitlebackground};
  661. margin-bottom:10px;
  662. font-size: 35px;
  663. font-family:'Playfair Display', serif;
  664. line-height: 100%;
  665. text-transform: uppercase;
  666. text-align: center;
  667. font-weight:bold;
  668. }
  669.  
  670.  
  671. .title2{
  672. color: {color:PostTitle};
  673. padding:20px;
  674. font-size: 24px;
  675. margin-bottom:10px;
  676. display:block;
  677. text-transform: none;
  678. text-align: center;
  679. font-family: elephant,calibri;
  680. background-color: {color:posttitlebackground};
  681. border:1px solid {color:posttitle};
  682. -webkit-transition: all 0.5s linear;
  683. -moz-transition: all 0.5s linear;
  684. -o-transition: all 0.5s linear;
  685. }
  686.  
  687.  
  688. .title2 a{
  689. color: {color:PostTitle};  
  690. width:100%;
  691. display:block;    
  692. text-decoration:none;
  693. }
  694.  
  695. .title2 z{
  696. color: {color:PostTitle};  
  697. font-size:11px;
  698. font-family:calibri;
  699. width:100%;
  700. text-decoration:underline;
  701. display:block;
  702. }
  703.  
  704.  
  705. .title2 a:hover{
  706. color: {color:PostTitle};      
  707. }
  708.  
  709.  
  710. .arrow-down {
  711. margin-top:-5px;
  712. display:block;
  713. margin-left:20px;
  714. width:0px;
  715. height:0px;
  716. border-left:10px solid transparent;
  717. border-right:10px solid transparent;
  718. border-top:15px solid {color:text};
  719. font-size:0px;
  720. line-height:0px;
  721. }
  722.  
  723.  
  724. .ask {
  725. display:block;
  726. padding:10px;
  727. background-color:{color:text};
  728. color:{color:entrybackground};
  729. text-transform: none;
  730. }
  731.  
  732.  
  733.  
  734. .askx img {
  735. max-width: 30px;
  736. display:block;
  737. margin-left:15px;
  738. margin-top:5px;
  739. -moz-border-radius: 30px 30px 30px 30px;
  740. -webkit-border-radius: 30px 30px 30px 30px;
  741. border-radius: 30px 30px 30px 30px;
  742. }
  743.  
  744. .asky {
  745. display:block;
  746. float:left;
  747. text-transform:uppercase;
  748. margin-top:13px;
  749. font-size:10px;
  750. margin-left:5px;    
  751. }
  752.  
  753.  
  754. .aska{
  755. display:block;
  756. margin-top:50px;
  757. border-top: 1px solid {color:text};
  758. }
  759.  
  760.  
  761.  
  762. iframe#tumblr_controls {
  763.     right:3px !important; position:fixed !important;opacity: 0.4;
  764. -webkit-transition: all 0.4s ease-in-out;
  765. -moz-transition: all 0.4s ease-in-out;
  766. -o-transition: all 0.4s ease-in-out;
  767. -ms-transition: all 0.4s ease-in-out;
  768. transition: all 0.4s ease-in-out;
  769. }
  770. iframe#tumblr_controls:hover {
  771.     opacity: 1;
  772. -webkit-transition: all 0.4s ease-in-out;
  773. -moz-transition: all 0.4s ease-in-out;
  774. -o-transition: all 0.4s ease-in-out;
  775. -ms-transition: all 0.4s ease-in-out;
  776. transition: all 0.4s ease-in-out;
  777. }
  778.  
  779. #source {
  780. font-family: consolas;
  781. font-size:7pt;
  782. text-align: right;
  783. margin-top: -5px;
  784. }
  785.  
  786. ol.notes {
  787. background-color:{color:EntryBackground};
  788. font-family:tahoma;
  789. font-size:10px;
  790. padding-top:10px;
  791. border: 0px;
  792. padding-left:15px;
  793. margin-top:10px;
  794. {block:ifBigPosts}width:476px;{/block:ifBigPosts}
  795. {block:ifNotBigPosts}width:376px;{/block:ifNotBigPosts}
  796. margin-left: 0px;
  797. list-style-type: none;}
  798.  
  799. ol.notes li.note {
  800. background: ;
  801. padding:5px;
  802. {block:ifBigPosts}width:480px;{/block:ifBigPosts}
  803. {block:ifNotBigPosts}width:380px;{/block:ifNotBigPosts}
  804. letter-spacing: 0px;
  805. text-align: left;
  806. }
  807.  
  808. ol.notes li.note a{
  809. color:{color:Link};
  810. background: ;
  811. font-family:tahoma;
  812. text-transform:none;
  813. letter-spacing:0px;
  814. font-size:10px;}
  815.  
  816. ol.notes li.note img.avatar {
  817. vertical-align: -4px;
  818. margin-right: 0px;
  819. }
  820.  
  821. #musicbox{  
  822. height: 216px;
  823. margin-bottom:10px;
  824. display:inline-block;
  825. text-align: left;
  826. {block:indexpage}
  827. {block:ifbigposts}width: 494px;{/block:ifbigposts}
  828. {block:ifnotbigposts}width: 394px;{/block:ifnotbigposts}
  829. {/block:indexpage}
  830. {block:permalinkpage}
  831. width: 494px;
  832. {/block:permalinkpage}
  833. border-bottom: 2px dashed {color:text};
  834. }
  835.  
  836. .cover {
  837. width:200px;
  838. height: 200px;
  839. display: block;
  840. position:absolute;
  841. z-index:2;
  842. }
  843.    
  844. .cover img{
  845. width:200px;
  846. height: 200px;
  847. opacity:1;
  848. border:3px solid {color:text};
  849. }
  850.  
  851. .coverx{
  852. width:200px;
  853. height: 200px;
  854. display: block;
  855. position:absolute;
  856. z-index:1;
  857. }
  858.  
  859. .coverx img{
  860. width:200px;
  861. height: 200px;
  862. border:3px solid {color:text};
  863. }
  864.  
  865. .playbutton {
  866. width:30px;  
  867. height: 50px;  
  868. line-height:50px;
  869. overflow: hidden;  
  870. position:relative;
  871. z-index:100;
  872. -webkit-transition: all 0.7s linear;
  873. -moz-transition: all 0.7s linear;
  874. -o-transition: all 0.7s linear;
  875. margin-top:85px;
  876. }
  877.  
  878.  
  879. .playbox {
  880. opacity: 0.8;
  881. background-color: #000000;  
  882. position: absolute;  
  883. z-index: 1000;
  884. margin-left:3px;
  885. margin-top:3px;
  886. width:30px;
  887. height: 200px;
  888. line-height:40px;
  889. text-align:center;
  890. -webkit-transition: all 0.7s linear;
  891. -moz-transition: all 0.7s linear;
  892. -o-transition: all 0.7s linear;
  893. }
  894.  
  895.  
  896. .playbox:hover{
  897. width:200px;
  898. }
  899.  
  900.  
  901. .playbox:hover .playbutton{
  902. width:100%;  
  903. -webkit-transition: all 0.7s linear;
  904. -moz-transition: all 0.7s linear;
  905. -o-transition: all 0.7s linear;
  906. }
  907.  
  908. .audioplayer {
  909. float:left;
  910. margin-left: 210px;
  911. width:100%;
  912. position: absolute;
  913. display: block;
  914. margin-top: 40px;
  915. padding-bottom:7px;
  916. }
  917.  
  918. .infomusic {
  919. font-size:9px;
  920. text-align:center;
  921. {block:indexpage}
  922. {block:ifbigposts}max-width: 284px;{/block:ifbigposts}
  923. {block:ifnotbigposts}max-width: 184px;{/block:ifnotbigposts}
  924. {/block:indexpage}
  925. {block:permalinkpage}
  926. max-width: 284px;
  927. {/block:permalinkpage}
  928. margin-left:0px;
  929. margin-bottom:10px;
  930. border-bottom:1px dashed {color:boldbackground};
  931. padding-bottom:2px;
  932. }
  933.  
  934.  
  935. .audiotitle{
  936. font-style:italic;
  937. font-size:11px;
  938. font-family:calibri;
  939. text-transform:uppercase;
  940. }
  941.  
  942.  
  943.  
  944. .odd .line {
  945. background-color: {color:chatoddbackground};
  946. padding: 3px;
  947. margin-bottom:3px;
  948. color:{color:chatoddtext};
  949. }
  950. .even .line {
  951. background-color: {color:ChatEvenBackground};
  952. padding:3px;
  953. margin-bottom:3px;
  954. color:{color:chateventext};
  955. }
  956. .odd .name {
  957. color: {color:chatoddname};
  958. padding: 3px;
  959. }
  960. .even .name {
  961. color: {color:chatevenname};
  962. padding: 3px;
  963. }
  964.  
  965.  
  966.  #cornerplayer
  967. {z-index:999;
  968. background-color: {color:musicplayer};
  969. width:50px;
  970. height:50px;
  971. border-radius:50px 0px 0px 0px;
  972. -moz-border-radius:50px 0px 0px 0px;
  973. position:fixed;
  974. overflow:hidden;
  975. bottom:0px;
  976. right:0px;
  977. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  978.  
  979. #cornericon
  980. {margin-top:25px;
  981. margin-bottom:20px;
  982. margin-left:-5px;
  983. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  984.  
  985. #cornerplayer:hover
  986. {width:200px;
  987. -moz-border-radius:0px;
  988. border-radius:0px;}
  989.  
  990. #cornerplayer:hover #cornericon
  991. {margin-top:10px;
  992. margin-left:0px;
  993. margin-bottom:4px;}
  994.  
  995.  
  996. #s-m-t-tooltip{
  997. display:inline-block;
  998. z-index:9999999 !important;
  999. margin:24px 14px 7px 12px;
  1000. padding:3px;
  1001. font-family:calibri;
  1002. font-size:10px;
  1003. background-color: {color:navilinkbackground};
  1004. color: {color:navilinktext};
  1005. }
  1006.  
  1007.  
  1008.  
  1009. {CustomCSS}
  1010.  
  1011. </style>
  1012. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1013. <script src="http://static.tumblr.com/7fjp0ap/8qemg20tu/jquery.style-my-tooltips.js"></script>
  1014.  
  1015.  
  1016. <script>
  1017.     (function($){
  1018.         $(document).ready(function(){
  1019.             $("[title]").style_my_tooltips({
  1020.                  tip_follows_cursor:true,
  1021.                  tip_delay_time:0,
  1022.                  tip_fade_speed:0,
  1023.                  attribute:"title"
  1024.                 });
  1025.         });
  1026.     })(jQuery);
  1027. </script>
  1028.  
  1029.  
  1030.  
  1031. </head>
  1032.  
  1033. {block:IfInfiniteScrolling}
  1034. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
  1035.  
  1036. <body>
  1037.  
  1038.  
  1039. {block:ifmusicplayer}<div id='cornerplayer'><center>
  1040. <div id='cornericon'><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"/></div>
  1041. <div> {Text:Music} </div>    
  1042. </center> </div><!--cornerplayer-->{/block:ifmusicplayer}
  1043.  
  1044.  
  1045. {block:ifleftbar}
  1046. <div id="side1">
  1047.  
  1048. <div style="display: table; height: 100%; #position: relative; overflow: hidden; z-index:999;">
  1049. <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
  1050. <div id="navibox" style=" #position: relative; #top: -50%;">
  1051. <img src="{PortraitURL-128}" >
  1052. {block:ifLink1}<a href="{text:URL1}" id="navi">{text:Link1}</a>{/block:ifLink1}
  1053. {block:ifLink2}<a href="{text:URL2}" id="navi">{text:Link2}</a>{/block:ifLink2}
  1054. {block:ifLink3}<a href="{text:URL3}" id="navi">{text:Link3}</a>{/block:ifLink3}
  1055. {block:ifLink4}<a href="{text:URL4}" id="navi">{text:Link4}</a>{/block:ifLink4}
  1056. {block:ifLink5}<a href="{text:URL5}" id="navi">{text:Link5}</a>{/block:ifLink5}
  1057. {block:ifLink6}<a href="{text:URL6}" id="navi">{text:Link6}</a>{/block:ifLink6}
  1058. </div>
  1059. </div>
  1060. </div>
  1061.  
  1062. </div>
  1063. {/block:ifleftbar}
  1064.  
  1065. <div id="sidebarss">
  1066.  
  1067.  
  1068.  
  1069.  
  1070.  
  1071. <div id="contentx">
  1072.  
  1073.  
  1074.  
  1075. <img src="{image:sidebarimage}">
  1076.    
  1077.  
  1078. </div>
  1079.  
  1080.  
  1081. <div id="linksbox">
  1082. <div id="lb">
  1083. <div id="parceiros">
  1084. <a href="/" title="Home"><span class="fontawesome-home"></span></a>
  1085. <a href="/ask" title="Message"><span class="fontawesome-comment"></span></a>
  1086. <a href="/archive" title="Archive"><span class="fontawesome-calendar"></span></a>
  1087. <a href="http://dianthus-s.tumblr.com/" title="Theme"><span class="fontawesome-tags"></span></a>
  1088. </div>
  1089. </div>
  1090. </div>
  1091.  
  1092.  
  1093. <center>
  1094.  
  1095. <div id="info">{Description}</div>
  1096.  
  1097.    
  1098. </center>
  1099.  
  1100.  
  1101. {block:IfNotInfiniteScrolling}
  1102. {block:indexpage}
  1103. <div id="pagi">
  1104.  
  1105. {block:Pagination}
  1106. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&#8592;</a>{/block:PreviousPage}
  1107. {block:JumpPagination length="5"}
  1108. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1109. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1110. {block:NextPage}<a href="{NextPage}" class="jump_page">&#8594;</a>{/block:NextPage}
  1111. {/block:Pagination}
  1112.  
  1113.  
  1114. </div>
  1115. {/block:indexpage}  
  1116. {/block:IfNotInfiniteScrolling}
  1117.  
  1118. <div id="title">
  1119. {Title}
  1120. {block:ifSubTitle}
  1121. <div class="tborder">
  1122. ssssssssssss
  1123. </div>
  1124. <div class="subtitle">
  1125. {text:subtitle}
  1126. </div>  
  1127. {/block:ifSubTitle}
  1128. </div>
  1129.  
  1130.  
  1131.  
  1132. </div>
  1133.  
  1134.  
  1135.  
  1136.  
  1137.  
  1138.  
  1139.  
  1140.  
  1141.  
  1142.  
  1143.  
  1144. <div id="posts">
  1145. {block:Posts}
  1146.  
  1147. <div class="entry" >
  1148.  
  1149.  
  1150. {block:Text}
  1151. {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
  1152. {/block:Text}
  1153.  
  1154. {block:Photo}
  1155. {LinkOpenTag}<div class="mono"><img src="{PhotoURL-500}" class="center"></div>{LinkCloseTag}
  1156. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1157. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1158. {Caption}
  1159. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1160. {/block:Photo}
  1161.  
  1162. {block:Photoset}
  1163. {block:IfBigPosts}<div class="mono"><div class="photosetfade">{Photoset-500}</div></div>{/block:IfBigPosts}
  1164. {block:IfNotBigPosts}<div class="mono"><div class="photosetfade">{Photoset-400}</div></div>{/block:IfNotBigPosts}
  1165. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1166. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1167. {Caption}
  1168. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1169. {/block:Photoset}
  1170.  
  1171.  
  1172.  
  1173.  
  1174. {block:Link}
  1175. <div class="title2">
  1176. <a href="{URL}" {Target}>{Name}</br>
  1177. <z>{URL}</z>
  1178. </a>
  1179. </div>
  1180. {block:Description}{Description}{/block:Description}
  1181. {/block:Link}
  1182.  
  1183.  
  1184.  
  1185.  
  1186. {block:Quote}
  1187. <div id="quote">
  1188. <div class="quote2">“ </div>
  1189. {Quote}</div>
  1190. {block:Source}
  1191. <div id="source"> —{Source}</div>
  1192. {/block:Source}
  1193. {/block:Quote}
  1194.  
  1195.  
  1196.  
  1197.  
  1198.  
  1199.  
  1200.  
  1201. {block:Chat}
  1202. {block:Title}
  1203. <div class="title">{Title}</div>
  1204. {/block:Title}
  1205. {block:Lines}<div class="{Alt}">
  1206. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1207. {/block:Lines}
  1208. {/block:Chat}
  1209.  
  1210.  
  1211.  
  1212. {block:Audio}
  1213. <div id="musicbox">
  1214. <div class="playbox">
  1215.  
  1216. <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  1217. </div>
  1218. </div>
  1219. <div class="coverx"><img src="http://media.tumblr.com/90911ce35307a2b68bb52c9794d02dd0/tumblr_inline_mgshunrUnn1r8s568.png"></div>
  1220. {block:AlbumArt}
  1221. <div class="cover"><img src="{AlbumArtURL}"></div>
  1222. {/block:AlbumArt}
  1223. <div class="audioplayer">
  1224. {block:Artist}
  1225. <div class="infomusic" ><div class="audiotitle">Artist:</div> {Artist}</div>
  1226. {/block:Artist}
  1227. {block:TrackName}
  1228. <div class="infomusic"><div class="audiotitle">Track:</div> {TrackName}</div>  
  1229. {/block:TrackName}
  1230. <div class="infomusic"><div class="audiotitle">Plays:</div> {PlayCountWithLabel}</div>
  1231.  
  1232. </div>
  1233. </div>
  1234. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1235. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1236. {Caption}
  1237. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1238. {/block:Audio}
  1239.  
  1240.  
  1241.  
  1242.  
  1243. {block:Video}
  1244. {block:IfBigPosts}{Video-500}{/block:IfBigPosts}
  1245. {block:IfNotBigPosts}{Video-400}{/block:IfNotBigPosts}
  1246. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1247. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1248. {Caption}
  1249. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1250. {/block:Video}
  1251.  
  1252.  
  1253.  
  1254.  
  1255. {block:Answer}
  1256. <div class="ask">{Question}</div>
  1257. <div class="arrow-down"></div>
  1258. <div class="askx"><img src="{AskerPortraitURL-40}" align="left"></div>
  1259. <div class="asky">{Asker}</div>
  1260. <div class="aska">{Answer}</div>
  1261. {/block:Answer}
  1262.  
  1263.  
  1264.  
  1265.  
  1266. {block:PermalinkPage}
  1267. <div class="permalink">
  1268. <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1269. {block:HasTags}<b>tags &raquo;</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
  1270. {block:PostNotes}
  1271. {PostNotes}
  1272. {/block:PostNotes}
  1273. </div>
  1274. {/block:PermalinkPage}
  1275.  
  1276.  
  1277.  
  1278.  
  1279.  
  1280. {block:indexpage}
  1281. <div class="perma2">
  1282. <a href="{ReblogURL}">REBLOG</a> |
  1283. {block:Date}Posted <a href="{Permalink}">{timeago}</a> {/block:Date}
  1284. With <a href="{Permalink}">{NoteCountWithLabel}</a>
  1285. <br>
  1286.  
  1287. {block:IfShowTags}
  1288. {block:HasTags}
  1289. <div>
  1290. tags:{block:Tags} #<a href="/tagged/{Tag}">{Tag} </a>{/block:Tags}
  1291. </div>
  1292. {/block:HasTags}
  1293. {/block:IfShowTags}
  1294. </div>
  1295. {/block:indexpage}
  1296.  
  1297.  
  1298. </div>
  1299.  
  1300. {block:ContentSource}
  1301. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1302. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1303. {/block:SourceLogo}
  1304. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1305. {/block:ContentSource}
  1306.  
  1307.  
  1308. <!--
  1309. {block:NoRebloggedFrom}
  1310. {block:RebloggedFrom}
  1311. {ReblogParentName}
  1312. {/block:RebloggedFrom}
  1313. {/block:NoRebloggedFrom}
  1314. -->
  1315.  
  1316. {/block:Posts}
  1317.  
  1318. </div>
  1319.  
  1320.  
  1321.  
  1322. <div>
  1323.  
  1324. <img src="{image:cornerimage}" style="position:fixed;
  1325. max-height: 100%;
  1326. max-width: 500px;
  1327. right:-20px;
  1328. bottom:-5px;
  1329. z-index:-9;
  1330. ">  
  1331.    
  1332. </div>
  1333.  
  1334. </body>
  1335. </html>