API tools faq
paste
Advertisement
Teemania

Theme 1 - EroMinji

Teemania
Aug 3rd, 2012
189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.57 KB | None | 0 0
raw download clone embed print report
  1. <!--THEME 1 (EROMINJI) BY TEEMANIA AT MYSWEET-ESCAPE.NET.
  2.  
  3. All Instructions and rules regarding the theme can be found at mysweet-escape.net
  4.  
  5. BACKGROUND CREDIT: SUBTLEPATTERNS.COM-->
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  9.  
  10. <script>
  11. $(document).ready(function(){
  12.  
  13. // hide #back-top first
  14. $("#back-top").hide();
  15.  
  16. // fade in #back-top
  17. $(function () {
  18. $(window).scroll(function () {
  19. if ($(this).scrollTop() > 50) {
  20. $('#back-top').fadeIn();
  21. } else {
  22. $('#back-top').fadeOut();
  23. }
  24. });
  25.  
  26. // scroll body to 0px on click
  27. $('#back-top a').click(function () {
  28. $('body,html').animate({
  29. scrollTop: 0
  30. }, 800);
  31. return false;
  32. });
  33. });
  34.  
  35. });
  36. </script>
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  38. <title>{Title}</title>
  39.  
  40. <meta name="image:Background" content="http://static.tumblr.com/zjgnfxb/NUQm7shiv/gplaypattern.png" />
  41. <meta name="image:Sidebar Pattern" content="http://static.tumblr.com/zjgnfxb/Z0tm7shpi/sbbg.png" />
  42. <meta name="image:Sidebar bImage" content="http://static.tumblr.com/zjgnfxb/NKGm7shnh/minji.png" />
  43. <meta name="text:Link 1" content="http://" />
  44. <meta name="text:Link 1 name" content="Link 1" />
  45. <meta name="text:Link 2" content="http://" />
  46. <meta name="text:Link 2 name" content="Link 2" />
  47. <meta name="text:Link 3" content="http://" />
  48. <meta name="text:Link 3 name" content="Link 3" />
  49. <meta name="text:Link 4" content="http://" />
  50. <meta name="text:Link 4 name" content="Link 4" />
  51. <meta name="image:Sidebar" content="http://static.tumblr.com/zjgnfxb/r34m7qg6d/minzy.png" />
  52. <meta name="if:Show Scrollbar" content="1" />
  53. <link rel="shortcut icon" href="{Favicon}" />
  54. <meta name="if:Show Music Player" content="1" />
  55. <meta name="if:Show Tags" content="1" />
  56. <meta name="if:Infinite Scroll" content="0"/>
  57. <meta name="color:link" content="#FEA885" />
  58. <meta name="color:link hover" content="#fc8a5b" />
  59.  
  60. <style type="text/css">
  61. html, body {
  62. width:auto;
  63. height: 100%;
  64. margin: 0px;
  65. padding:0 50px 0 0px;
  66. font-family:Arial, Helvetica, sans-serif;
  67. font-size:0.833em;
  68. color: #4c4c4c;
  69. background: url('{image:Background}') repeat fixed;
  70. }
  71.  
  72. #navbg {
  73. width:500px;
  74. height:40px;
  75. left:50%;
  76. margin: 0;
  77. margin-left: -180px;
  78. padding: 0;
  79. position:fixed;
  80. z-index:2;
  81. }
  82.  
  83.  
  84. .menu{
  85. left: 50%;
  86. overflow:hidden;
  87. position: absolute;
  88. margin-top:0px;
  89. }
  90.  
  91. .menu ul{
  92. padding: 0px;
  93. font: bold 10px Verdana;
  94. list-style-type: none;
  95. text-align: center;
  96. }
  97.  
  98. .menu li{
  99. display: inline;
  100. margin: 0;
  101. margin-right:5px;
  102. border:none;
  103. background:none;
  104. }
  105. .menu ul li {
  106. padding: 0px;
  107. }
  108.  
  109. .menu ul li:hover {
  110. background:none;
  111. }
  112.  
  113. .menu li a{
  114. display:inline-block;
  115. width:60px;
  116. text-decoration: none;
  117. padding: 5px 5px;
  118. margin-right: 10px;
  119. text-transform:uppercase;
  120. background-color:#f7ea99;
  121. color: #4b4a4b;
  122. -webkit-transition: all .5s ease-in;
  123. -moz-transition: all .5s ease-in;
  124. -o-transition: all .5s ease-in;
  125. transition: all .5s ease-in;
  126. }
  127.  
  128. .menu li:hover a{
  129. color: #494848;
  130. width:80px;
  131. letter-spacing:3px;
  132. -webkit-transition: all .5s ease-out;
  133. -moz-transition: all .5s ease-out;
  134. -o-transition: all .5s ease-out;
  135. transition: all .5s ease-out;
  136. }
  137.  
  138. .menu li a span{
  139. position:relative;
  140. top:35%;
  141. }
  142. .menu li ul { opacity: 0;
  143. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  144. filter: alpha(opacity=0);
  145. -khtml-opacity: 0;
  146. -moz-opacity: 0;
  147. position: absolute;
  148. left: 822px;
  149. width: 8em;
  150. background: #7CAFC2;
  151. list-style-type: none;
  152. padding: 0;
  153. margin: 0; }
  154.  
  155. .menu li:hover ul { opacity: 1;
  156. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  157. filter: alpha(opacity=100);
  158. -moz-opacity: 1;
  159. -khtml-opacity: 1;
  160. background:none;
  161. }
  162.  
  163. .menu li ul li { float: none; position: static; height: 0; line-height: 0; background: none; }
  164.  
  165. .menu li:hover ul li { height: 30px; line-height: 30px; }
  166.  
  167. .menu li ul li a { background: #333033; }
  168. .menu li ul li a:hover { background: #333033; }
  169.  
  170. #music {
  171. width:500px;
  172. margin-left: -180px;
  173. height:70px;
  174. background: #FAF1BA;
  175. padding: 0;
  176. position: absolute;
  177. left:430px;
  178. left: 50%;
  179. z-index:1;
  180. -moz-border-radius-bottomright: 75px;
  181. border-radius-bottomright: 75px;
  182. -webkit-border-bottom-right-radius: 75px;
  183. border-bottom-right-radius: 75px;
  184. -moz-border-radius-bottomleft: 75px;
  185. border-radius-bottomleft: 75px;
  186. -webkit-border-bottom-left-radius: 75px;
  187. border-bottom-left-radius: 75px;
  188. border-bottom: 5px #691A47 solid;
  189. }
  190. @media screen{
  191. body>div#music{
  192. position:fixed;
  193. }
  194. }
  195. #music p {
  196. margin:30px;
  197. margin-left:150px;
  198. }
  199.  
  200. div#left-sidebar{
  201. position:absolute;
  202. top:0;
  203. left:0;
  204. background-color:#827c7f;
  205. background-image:url("{image:Sidebar bImage}"), url("{image:Sidebar Pattern}");
  206. background-repeat:no-repeat;
  207. background-attachment: fixed;
  208. background-position:left bottom, left top;
  209. width:300px;
  210. height:100%;
  211. z-index:3;
  212. }
  213. div#left-sidebar .page {
  214. margin-left:125px;
  215. margin-top:125px;
  216. padding: 0px;
  217. position:absolute;
  218. overflow: auto;
  219. list-style: none;
  220. }
  221. @media screen{
  222. body>div#left-sidebar{
  223. position:fixed;
  224. }
  225. }
  226. * html body{
  227. overflow:hidden;
  228. }
  229.  
  230. #chunnieah {
  231.  
  232. width: 250px;
  233. height: 200px;
  234. margin: 10px;
  235. border: 3px solid #FAF1BA;
  236. overflow: hidden;
  237. position: relative;
  238. text-align: center;
  239. box-shadow: 1px 1px 2px #e6e6e6;
  240. top:150px;
  241. left:10px;
  242.  
  243.  
  244. }
  245.  
  246.  
  247. #chunnieah .zinni {
  248. width: 250px;
  249. height: 200px;
  250. position: absolute;
  251. overflow: hidden;
  252. top: 0;
  253. left: 0;
  254. background-color: rgba(0,0,0,0.8);
  255. opacity: 0;
  256. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  257. filter: alpha(opacity=0);
  258. -moz-opacity: 0;
  259. -khtml-opacity: 0;
  260. transform: scale(0) rotate(-180deg);
  261. -ms-transform: scale(0) rotate(-180deg);
  262. -moz-transform: scale(0) rotate(-180deg);
  263. -webkit-transform: scale(0) rotate(-180deg);
  264. -o-transform: scale(0) rotate(-180deg);
  265. -o-transition: all 0.4s ease-in;
  266. -webkit-transition: all 0.4s ease-in;
  267. -moz-transition: all 0.4s ease-in;
  268. transition: all 0.4s ease-in;
  269. border-radius: 0px;
  270.  
  271. }
  272. #chunnieah:hover .zinni {
  273. opacity: 1;
  274. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  275. filter: alpha(opacity=100);
  276. -moz-opacity: 1;
  277. -khtml-opacity: 1;
  278. transform: scale(1) rotate(0deg);
  279. -ms-transform: scale(1) rotate(0deg);
  280. -moz-transform: scale(1) rotate(0deg);
  281. -webkit-transform: scale(1) rotate(0deg);
  282. -o-transform: scale(1) rotate(0deg);
  283. transition-delay: 0.1s;
  284. -o-transition-delay: 0.1s;
  285. -webkit-transition-delay: 0.1s;
  286. -moz-transition-delay: 0.1s;
  287. }
  288.  
  289. #chunnieah img {
  290. display: block;
  291. position: relative;
  292. transition: all 0.4s ease-in-out 0.2s;
  293. -o-transition: all 0.4s ease-in-out 0.2s;
  294. -webkit-transition: all 0.4s ease-in-out 0.2s;
  295. -moz-transition: all 0.4s ease-in-out 0.2s;
  296. opacity: 1;
  297. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  298. filter: alpha(opacity=100);
  299. -moz-opacity: 1;
  300. -khtml-opacity: 1;
  301. }
  302.  
  303.  
  304. #chunnieah:hover img {
  305. transform: scale(0);
  306. -ms-transform: scale(0);
  307. -moz-transform: scale(0);
  308. -webkit-transform: scale(0);
  309. -o-transform: scale(0);
  310. opacity: 0;
  311. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  312. filter: alpha(opacity=0);
  313. -moz-opacity: 0;
  314. -khtml-opacity: 0;
  315. transition-delay: 0s;
  316. -o-transition-delay: 0s;
  317. -webkit-transition-delay: 0s;
  318. -moz-transition-delay: 0s;
  319. }
  320.  
  321. #chunnieah h2 {
  322. opacity: 0;
  323. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  324. filter: alpha(opacity=0);
  325. -moz-opacity: 0;
  326. -khtml-opacity: 0;
  327. color:#fff;
  328. border-bottom:#E77773 7px solid;
  329. text-transform:uppercase;
  330. margin: 10px 40px 0px 40px;
  331. transition: all 0.5s ease-in-out;
  332. -o-transition: all 0.5s ease-in-out;
  333. -webkit-transition: all 0.5s ease-in-out;
  334. -moz-transition: all 0.5s ease-in-out;
  335. font-size:18px;
  336. font-family: BEBAS, san-serif;
  337. text-align:center;
  338. }
  339.  
  340. #chunnieah p {
  341. opacity: 0;
  342. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  343. filter: alpha(opacity=0);
  344. -moz-opacity: 0;
  345. -khtml-opacity: 0;
  346. transition: all 0.5s ease-in-out;
  347. -o-transition: all 0.5s ease-in-out;
  348. -webkit-transition: all 0.5s ease-in-out;
  349. -moz-transition: all 0.5s ease-in-out;
  350. font-style: italic;
  351. font: 9px Georgia, "Times New Roman", Times, serif;
  352. color:#FFFFFF;
  353. position: relative;
  354. padding: 1px 20px 5px;
  355. text-align: center;
  356.  
  357. }
  358.  
  359. #chunnieah:hover h2, #chunnieah:hover p {
  360. opacity: 1;
  361. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  362. filter: alpha(opacity=100);
  363. -moz-opacity: 1;
  364. -khtml-opacity: 1;
  365. transition-delay: 0.5s;
  366. -o-transition-delay: 0.5s;
  367. -webkit-transition-delay: 0.5s;
  368. -moz-transition-delay: 0.5s;
  369. }
  370.  
  371. div.navigate a{
  372. background: #FAF1BA;
  373. color: #6b6b6b;
  374. display:block;
  375. width: 97px;
  376. text-align: center;
  377. padding-top:2px;
  378. padding-bottom:3px;
  379. margin-left:2px;
  380. margin-top:0px;
  381. position:relative;
  382. text-align: center;
  383. display: inline-block;
  384. text-decoration:none;
  385. -webkit-transition: all .5s ease-out;
  386. -moz-transition: all .5s ease-out;
  387. -o-transition: all .5s ease-out;
  388. transition: all .5s ease-out;
  389. letter-spacing:1px;
  390. }
  391. div.navigate a:hover{
  392. background: #FEA885;
  393. color: #6b6b6b;
  394. letter-spacing:3px;
  395. -webkit-transition: all .5s ease-out;
  396. -moz-transition: all .5s ease-out;
  397. -o-transition: all .5s ease-out;
  398. transition: all .5s ease-out;
  399. }
  400.  
  401.  
  402. #content {
  403. left: 50%;
  404. margin-left: -150px;
  405. margin-top: 145px;
  406. width:550px;
  407. position:absolute;
  408. }
  409.  
  410. .posts {
  411. margin:10px;
  412. background-color:#fff;
  413. padding: 15px;
  414. border-bottom: 5px #691A47 solid;
  415. -moz-border-radius-bottomright: 25px;
  416. border-radius-bottomright: 25px;
  417. -webkit-border-bottom-right-radius: 25px;
  418. border-bottom-right-radius: 25px;
  419. -moz-border-radius-left: 25px;
  420. border-radius-left: 25px;
  421. -webkit-border-top-left-radius: 25px;
  422. border-top-left-radius: 25px;
  423. box-shadow: #e9e9e9 0px 0px 5px;
  424. -moz-box-shadow: #e9e9e9 0px 0px 5px;
  425. -webkit-box-shadow: #e9e9e9 0px 0px 5px;
  426.  
  427. }
  428.  
  429. .posts img {
  430. max-width:500px;
  431. height:auto;
  432.  
  433. }
  434.  
  435. .posts img.center { display: block;
  436. margin-left: auto;
  437. margin-right: auto; }
  438.  
  439. .posts h2 {
  440. font-size:18px;
  441. font-family: Qlassik, san-serif;
  442. text-transform:none;
  443. text-align:center;
  444. border-left:#E23E60 10px solid;
  445. -webkit-transition: all .5s ease-in;
  446. -moz-transition: all .5s ease-in;
  447. -o-transition: all .5s ease-in;
  448. transition: all .5s ease-in;
  449. }
  450. .posts h2:hover {
  451. border-right:#E23E60 10px solid;
  452. border-left:none;
  453. -webkit-transition: all .5s ease-in;
  454. -moz-transition: all .5s ease-in;
  455. -o-transition: all .5s ease-in;
  456. transition: all .5s ease-in;
  457. }
  458.  
  459.  
  460. .posts #reblog {
  461. position:absolute;
  462. width:auto;
  463. height:auto;
  464. margin-right:520px;
  465. padding:10px;
  466. display:block;
  467. background-color:#fff;
  468. opacity:0;
  469. filter:alpha(opacity=0);
  470. -moz-opacity:0;
  471. -khtml-opacity:0;
  472. -webkit-transition: all .5s ease;
  473. -moz-transition: all .5s ease;
  474. -o-transition: all .5s ease;
  475. transition: all .5s ease;
  476.  
  477. }
  478.  
  479. .posts:hover #reblog {
  480. opacity:1;
  481. filter:alpha(opacity=100);
  482. -moz-opacity:1;
  483. -khtml-opacity:1;
  484. -webkit-transition: all .5s ease;
  485. -moz-transition: all .5s ease;
  486. -o-transition: all .5s ease;
  487. transition: all .5s ease;
  488. height:auto!important;
  489. width:auto!important;
  490. -moz-border-radius-bottomright: 75px;
  491. border-radius-bottomright: 75px;
  492. -webkit-border-bottom-right-radius: 75px;
  493. border-bottom-right-radius: 75px;
  494. -moz-border-radius-bottomleft: 75px;
  495. border-radius-bottomleft: 75px;
  496. -webkit-border-bottom-left-radius: 75px;
  497. border-bottom-left-radius: 75px;
  498. -moz-border-radius-topright: 75px;
  499. border-radius-topright: 75px;
  500. -webkit-border-top-right-radius: 75px;
  501. border-top-right-radius: 75px;
  502. }
  503.  
  504. #reblog a {
  505. text-transform:uppercase;
  506. }
  507.  
  508. .posts #info {
  509. position:absolute;
  510. width:auto;
  511. height:auto;
  512. margin-left:515px;
  513. margin-top:-5px;
  514. padding:5px;
  515. opacity:0;
  516. filter:alpha(opacity=0);
  517. -moz-opacity:0;
  518. -khtml-opacity:0;
  519. -webkit-transition: all .5s ease;
  520. -moz-transition: all .5s ease;
  521. -o-transition: all .5s ease;
  522. transition: all .5s ease;
  523. }
  524.  
  525. .posts:hover #info {
  526. opacity:1;
  527. filter:alpha(opacity=100);
  528. -moz-opacity:1;
  529. -khtml-opacity:1;
  530. -webkit-transition: all .5s ease;
  531. -moz-transition: all .5s ease;
  532. -o-transition: all .5s ease;
  533. transition: all .5s ease;
  534. height:auto!important;
  535. width:auto!important;
  536. }
  537.  
  538. #from {
  539. max-width:30px;
  540. max-height:30px;
  541. margin-left:9px;
  542. border: #FEA885 3px solid;
  543. }
  544. #date {
  545. font-size:10px;
  546. text-transform:uppercase;
  547. text-align:center;
  548. border-left:#7CAFC2 2px solid;
  549. padding:2px;
  550. -webkit-transition: all .5s ease;
  551. -moz-transition: all .5s ease;
  552. -o-transition: all .5s ease;
  553. transition: all .5s ease;
  554. }
  555. #notes {
  556. font-size:10px;
  557. text-transform:uppercase;
  558. text-align:center;
  559. border-left:#E77773 2px solid;
  560. padding:2px;
  561. -webkit-transition: all .5s ease;
  562. -moz-transition: all .5s ease;
  563. -o-transition: all .5s ease;
  564. transition: all .5s ease;
  565. }
  566. #date:hover {
  567. border-left:#7CAFC2 5px solid;
  568. -webkit-transition: all .5s ease;
  569. -moz-transition: all .5s ease;
  570. -o-transition: all .5s ease;
  571. transition: all .5s ease;
  572. }
  573. #notes:hover {
  574. border-left:#691A47 5px solid;
  575. -webkit-transition: all .5s ease;
  576. -moz-transition: all .5s ease;
  577. -o-transition: all .5s ease;
  578. transition: all .5s ease;
  579. }
  580. #tags {
  581. width:500px;
  582. text-align:right;
  583. font-style:italic;
  584. padding:0px;
  585. margin-top:-10px;
  586. margin-left:23px;
  587. }
  588. img {
  589. border: 0;
  590. }
  591.  
  592.  
  593. blockquote {
  594. font: 14px italic Times, serif;
  595. padding: 4px;
  596. background-color: #FAF1BA;
  597. border-top: 1px solid #f7e5ab;
  598. border-bottom: 1px solid #f7e5ab;
  599. margin: 5px;
  600. text-indent: 23px;
  601. }
  602. blockquote span {
  603. display: block;
  604.  
  605. }
  606. blockquote:first-letter {
  607. font: italic 26px Georgia, "Times New Roman", Times, serif;
  608. color:#F06;
  609. text-transform:lowercase;
  610. font-family: Qlassik, san-serif;
  611. }
  612. .quote-source{
  613. font-size: 9px;
  614. margin: 0 20px 0 0;
  615. text-align: right;
  616. border-bottom: 1px dashed #e1cc89;
  617. }
  618.  
  619. blockquote p {
  620. display:inline;
  621. }
  622.  
  623. #asker {
  624. color:#4b4b4b;
  625. position:absolute;
  626. left:290px;
  627. margin-top:-10px;
  628. font-size:10px;
  629. text-transform:lowercase;
  630. }
  631.  
  632.  
  633. .downarrowdiv{
  634. width:470px;
  635. min-height:20px;
  636. background: #dfd7eb;
  637. color:#4b4b4b;
  638. text-indent:30px;
  639. font-family: Qlassik, san-serif;
  640. font-size:1em;
  641. padding:5px;
  642. position:relative;
  643. word-wrap:break-word;
  644. margin-bottom:2em;
  645. margin-left:10px;
  646. margin-top:2px;
  647. }
  648. .downarrowdiv:after{
  649. content:'';
  650. display:block;
  651. position:absolute;
  652. top:100%;
  653. left:270px;
  654. width:0;
  655. height:0;
  656. border-color: #dfd7eb transparent transparent transparent;
  657. border-style: solid;
  658. border-width: 10px;
  659. }
  660. #audio {
  661. position:relative;
  662. margin-left:0px;
  663. margin-top:0px;
  664. }
  665.  
  666. #audioart {
  667. width:100px;
  668.  
  669. }
  670. #audioart img {
  671. max-width:100px;
  672. height:auto;
  673.  
  674. }
  675. #audioplayer {
  676. margin-top:-90px;
  677. margin-left:120px;
  678. position:absolute;
  679. }
  680.  
  681. #chat ul {
  682. list-style-type: none;
  683. margin: 0px;
  684. padding: 0px 0px 0px 1px;
  685. list-style-image: none;
  686. }
  687.  
  688. #chat ul li {
  689. font-size: 10px;
  690. padding: 4px 0px 4px 4px;
  691. color: #000000;
  692. margin-bottom: 1px;
  693. list-style-image: none;
  694. border:none;
  695. }
  696.  
  697.  
  698.  
  699. #chat ul li span.label {
  700. font-weight: bold;
  701. }
  702.  
  703. #chat ul li.odd {
  704. background-color: #691A47;
  705. color:#fff;
  706. }
  707.  
  708.  
  709.  
  710. #chat ul li.even {
  711. background-color: #fff;
  712. }
  713. #video {
  714. max-width:500px;
  715. min-width:500px;
  716. overflow:hidden;
  717. }
  718. #link {
  719. text-align:center;
  720. font-size:16px;
  721. font-family: Qlassik, san-serif;
  722. text-transform:uppercase;
  723. margin-left:-10px;
  724. border-left:#E23E60 5px solid;
  725. padding: 3px;
  726. width:auto;
  727. }
  728. {block:ifshowscrollbar}
  729. ::-webkit-scrollbar {
  730. height: 2px;
  731. width: 3px;
  732. }
  733. ::-webkit-scrollbar-thumb {
  734. background-color:#fff;
  735. }
  736. ::-webkit-scrollbar-track{
  737. background-color:#691A47;
  738. }
  739. ::-webkit-scrollbar-button{
  740. background-color:#FEA885;
  741. }
  742. {/block:ifshowscrollbar}
  743. ::selection {
  744. background:#E77773;
  745. color:#4f4e4f;
  746. }
  747.  
  748. ::-moz-selection {
  749. background:#E77773;
  750. color:#4f4e4f;
  751. }
  752.  
  753. ::-webkit-selection {
  754. background:#E77773;
  755. color:#4f4e4f;
  756. }
  757.  
  758. a:link, a:visited {
  759. color:{color:link};
  760. text-decoration:none;
  761. -webkit-transition: all .5s ease;
  762. -moz-transition: all .5s ease;
  763. -o-transition: all .5s ease;
  764. transition: all .5s ease;
  765. }
  766.  
  767. a:hover {
  768. color:{color:link hover};
  769. text-decoration:none;
  770. -webkit-transition: all .5s ease;
  771. -moz-transition: all .5s ease;
  772. -o-transition: all .5s ease;
  773. transition: all .5s ease;
  774. }
  775.  
  776. h1 {
  777. font-size:24px;
  778. text-align:center;
  779. font-style:italic;
  780. line-height: 0.75em;
  781. }
  782.  
  783. b, strong {
  784. color: #E23E60;
  785. }
  786.  
  787. i, em {
  788. color: #691A47;
  789. }
  790.  
  791. ul {
  792.  
  793. margin: 1em;
  794. }
  795. ul li {
  796. font-weight: bold;
  797. margin: 0;
  798. list-style-image: url('http://static.tumblr.com/rltvkjt/U6qlmr41n/pencil_right.gif');
  799. padding: 3px 10px 5px 20px;
  800. border-bottom: 1px solid #FAF1BA;
  801. color: #666;
  802. }
  803. ul li:hover {
  804. color: #000;
  805. background-color: #faeea4;
  806. }
  807.  
  808. @font-face {
  809. font-family: BEBAS;
  810. src: url('http://static.tumblr.com/zjgnfxb/ppzm7s8uu/bebasneue-webfont.ttf'),
  811. url('http://static.tumblr.com/zjgnfxb/udVm7s9yi/bebasneue-webfont.eot'),
  812. url('http://static.tumblr.com/zjgnfxb/V8mm7s9z2/bebasneue-webfont.svg'),
  813. url('http://static.tumblr.com/zjgnfxb/nJ8m7s9zk/bebasneue-webfont.woff');
  814.  
  815. }
  816. @font-face {
  817.  
  818. font-family: Qlassik;
  819. src: url('http://static.tumblr.com/zjgnfxb/NGcm7s91o/qlassik_tb-webfont.ttf'),
  820. url('http://static.tumblr.com/zjgnfxb/uojm7s9rz/qlassik_tb-webfont.eot'),
  821. url('http://static.tumblr.com/zjgnfxb/VuKm7s9wh/qlassik_tb-webfont.svg'),
  822. url('http://static.tumblr.com/zjgnfxb/eTsm7s9xb/qlassik_tb-webfont.woff');
  823. }
  824.  
  825. .caption {
  826. text-align:center;
  827. display:block;
  828. padding-right:7px;
  829. }
  830.  
  831. .caption img {
  832. max-width:450px;
  833. }
  834. ol.notes {
  835. padding: 0px;
  836. margin: 15px 0px;
  837. list-style-type: none;
  838. }
  839. #note{
  840. width:500px;
  841. padding:0px 5px;
  842. margin-left:30px!important;
  843. margin:0px;
  844. }
  845.  
  846.  
  847.  
  848. #back-top {
  849. position: fixed;
  850. bottom: 0px;
  851. right:30px;
  852. margin-left: -150px;
  853. }
  854.  
  855. #back-top a {
  856. width: 50px;
  857. display: block;
  858. text-align: center;
  859. font: 11px/100% Arial, Helvetica, sans-serif;
  860. text-transform: uppercase;
  861. text-decoration: none;
  862. color: #bbb;
  863. -webkit-transition: 1s;
  864. -moz-transition: 1s;
  865. transition: 1s;
  866. }
  867. #back-top a:hover {
  868. color: #000;
  869. }
  870. #back-top span {
  871. width: 50px;
  872. height: 50px;
  873. display: block;
  874. font-size:30px;
  875. margin-bottom: 7px;
  876. background: #FEA885 url(http://static.tumblr.com/zjgnfxb/r5Gm7trhx/up.png) no-repeat center center;
  877. -webkit-border-radius: 15px;
  878. -moz-border-radius: 15px;
  879. border-radius: 15px;
  880. -webkit-transition: 1s;
  881. -moz-transition: 1s;
  882. transition: 1s;
  883. }
  884. #back-top a:hover span {
  885. background-color: #E77773;
  886. }
  887.  
  888. #credit {
  889. position:fixed;
  890. opacity:0.8;
  891. bottom: 0;
  892. left:0;
  893. z-index:9999;
  894. }
  895.  
  896.  
  897. {CustomCSS}
  898.  
  899. </style>
  900. {block:IfInfiniteScroll}
  901. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  902. {/block:IfInfiniteScroll}
  903. </head>
  904. <body>
  905. <div class="menu" id="navbg">
  906. <ul>
  907. <li><a href="/"><span>Home</span></a></li>
  908. <li><a href="/ask"><span>ask</span></a></li>
  909. <li><a href="/archive"><span>archive</span></a></li>
  910. <li><a href="/rss"><span>rss</span></a></li>
  911. </ul>
  912. </div>
  913.  
  914. <div id="music"><br />
  915. {block:ifshowmusicplayer}
  916. <p><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  917. <param name="bgcolor" value="#FAF1BA" />
  918. <param name="FlashVars" value="mp3=http%3A//k005.kiwi6.com/hotlink/396fnx92t1/03_clap_your_hands.mp3&amp;bgcolor=6d847a&amp;loadingcolor=3A352F&amp;slidercolor=3A352F" /></object></p>
  919. {/block:ifshowmusicplayer}
  920. </div>
  921.  
  922.  
  923. <div id="left-sidebar">
  924. {block:IfNotInfiniteScroll}
  925. {block:Pagination}
  926. <p style="font-size:30px" align="center" class="page">{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</p>
  927. {/block:Pagination}
  928. {/block:IfNotInfiniteScroll}
  929.  
  930. <div id="chunnieah">{block:ifSidebarImage}<img src="{image:Sidebar}" />
  931. {/block:ifSidebarImage}
  932.  
  933. <div class="zinni">
  934. <h2>{Title}</h2>
  935. {block:description}<p>{description}</p>{block:description}
  936. <div class="navigate">
  937. {block:ifLink1}<a href="{text:Link 1}"><span>{text:Link 1 Name}</span></a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2}"><span>{text:Link 2 Name}</span></a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3}"><span>{text:Link 3 Name}</span></a>{/block:ifLink3}{block:ifLink4}<a href="{text:Link 4}"><span>{text:Link 4 Name}</span></a>{/block:ifLink4}
  938. </div>
  939. </div>
  940. </div></div>
  941.  
  942. <div style="position: relative">
  943. <div id="content">
  944. {block:Posts}
  945. <div class="posts">
  946. <div id="reblog"><a href="{ReblogURL}">REBLOG</a></div>
  947. <div id="info">
  948. {block:RebloggedFrom}<div id="from"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-30}" /></a></div>{/block:RebloggedFrom}
  949. {block:Date}<div id="date"><a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{Year}</a></div>{/block:Date}
  950. {block:NoteCount}<div id="notes">{NoteCountWithLabel}</div>{/block:NoteCount}
  951. </div>
  952.  
  953. {Block:Photo}
  954. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="center"/>{LinkCloseTag}
  955. {block:HighRes}<a href="{PhotoURL-HighRes}">View in High-Res</a>{/block:HighRes}
  956. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  957. {/Block:Photo}
  958.  
  959. {block:Text}
  960. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  961. <p>{Body}</p>
  962. {/block:Text}
  963.  
  964. {block:Photoset}
  965. {Photoset-500}
  966. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  967. {/block:Photoset}
  968.  
  969. {block:Quote}
  970. <blockquote>{Quote}</blockquote>
  971. {block:Source}<p class="quote-source">- {Source}</p>{/block:Source}
  972. {/block:Quote}
  973.  
  974. {block:Link}
  975. <p id="link"><a href="{URL}" target="{Target}">{Name}</a></p>
  976. <br />
  977. {block:Description}{Description}{/block:Description}
  978. {/block:Link}
  979. <div id="chat">
  980. {block:Chat}
  981. {block:Title}
  982. <h2><a href="{Permalink}">{Title}</a></h2>
  983. {/block:Title}
  984. <ul class="chat">
  985. {block:Lines}
  986. <li class="{Alt} user_{UserNumber}">
  987. {block:Label}
  988. <span class="label">{Label}</span>
  989. {/block:Label}
  990. {Line}
  991. </li>
  992. {/block:Lines}
  993. </ul>
  994. {/block:Chat}
  995. </div>
  996. {block:Video}
  997. {Video-500}
  998. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  999. {/block:Video}
  1000.  
  1001. {block:Answer}
  1002. <div class="downarrowdiv">{Question}</div>
  1003. <div id="asker">{Asker}</div>
  1004. <Br /><br />
  1005. <p align="justify">{Answer}</p>
  1006. {/block:answer}
  1007.  
  1008. {block:Audio}
  1009. <div id="audio">{block:AlbumArt}<div id="audioart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1010. <div id="audioplayer">{AudioPlayerWhite}
  1011. <br />
  1012. <b>{block:Artist}{Artist}{/block:Artist}</b> - {block:TrackName}{TrackName}{/block:TrackName}</div>
  1013. </div>
  1014. {/block:Audio}
  1015. </div>
  1016.  
  1017. {block:ifshowtags}
  1018. <div id="tags">{block:HasTags}<b>UNDER:</b> {block:Tags} <a href="{TagURL}">{Tag}&nbsp;</a> {/block:Tags}{/block:HasTags}
  1019. &nbsp;</div>
  1020. {block:ifshowtags}
  1021.  
  1022. {block:PermalinkPage}
  1023. {block:PostNotes}
  1024. <div id="note">{PostNotes}</div>
  1025. {/block:PostNotes}
  1026. {/block:PermalinkPage}
  1027.  
  1028.  
  1029.  
  1030. {/Block:Posts}
  1031. </div>
  1032.  
  1033.  
  1034. {block:IfInfiniteScroll}
  1035. <p id="back-top">
  1036. <a href="#top"><span></span></a>
  1037. </p>
  1038. {/block:IfInfiniteScroll}
  1039.  
  1040.  
  1041. <div id="credit"><a href="http://msethemes.mysweet-escape.net/" target="_blank"><img src="http://static.tumblr.com/zjgnfxb/6Dtm7zv16/credit.png" /></a></div>
  1042.  
  1043. </body>
  1044. </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!