API tools faq
paste
Advertisement
kiramotchi

berry meringue (redux edit 3)

kiramotchi
Mar 31st, 2013
210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.02 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <!--
  5. another dumb theme by dancier lmao
  6. -->
  7.  
  8.  
  9. <!-- DEFAULT VARIABLES -->
  10. <meta name="color:Background" content="#c0c0c0" />
  11. <meta name="color:Text" content="#000" />
  12. <meta name="color:Scrollbar" content="#CCEEFF">
  13. <meta name="color:Post BG" content="#fff">
  14. <meta name="color:Title" content="#fff">
  15. <meta name="color:Title Shadow" content="#B2E5FF">
  16. <meta name="color:Title Shadow Hover" content="#E5B2FF">
  17. <meta name="color:Quote" content="#FE9966">
  18. <meta name="color:Link" content="#fe9966">
  19. <meta name="color:Link Hover" content="#b8ffb7">
  20. <meta name="color:Ask BG" content="#ffffb7">
  21. <meta name="color:Ask Text" content="#e5b2ff">
  22. <meta name="color:Post Title" content="#eaffad">
  23. <meta name="color:Chat 1" content="#fff">
  24. <meta name="color:Chat 2" content="#fff">
  25. <meta name="color:Sidebar Tab" content="#FFD6F7">
  26.  
  27. <meta name="if:Show Tags" content="1" />
  28.  
  29.  
  30. <meta name="text:URL1" content="/about" />
  31. <meta name="text:URL2" content="/tags" />
  32. <meta name="text:URL3" content="/links" />
  33. <meta name="text:Label1" content="about" />
  34. <meta name="text:Label2" content="tags" />
  35. <meta name="text:Label3" content="links" />
  36. <meta name="text:Title Size" content="84">
  37. <meta name="text:Sidebar Image Width" content="51">
  38. <meta name="text:Sidebar Image Height" content="52">
  39.  
  40.  
  41. <meta name="image:Sidebar" content="http://static.tumblr.com/22df16af2b9f013f660ca2716053b7bb/ejdrkg8/U02mkjm9e/tumblr_static_tumblr_ls18cm6w9i1qh1ook.gif" />
  42. <meta name="image:Background" content="http://static.tumblr.com/55ef89fa20404dc6abc77cb1871ccd38/ejdrkg8/qIRmkjfq5/tumblr_static_4mhco.png" />
  43.  
  44. <meta name="image:Cursor" content="http://i720.photobucket.com/albums/ww210/Waffuhl/tumblr_m990f6XBwk1qid2nw_zps5fa4153a.gif">
  45.  
  46. <meta name="image:Footer" content="http://media.tumblr.com/tumblr_m3mxvkKKQv1qid2nw.gif">
  47.  
  48. <meta name="image:Favicon" content="http://media.tumblr.com/tumblr_lkl6ndegM11qfamg6.gif">
  49.  
  50.  
  51. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  52. <title>{Title} {block:PostSummary}| {PostSummary}{/block:PostSummary}</title>
  53. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  54. <link rel="shortcut icon" href="{image:Favicon}" />
  55. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  57. <style type="text/css">
  58. body {
  59. background: {color:Background} url('{image:Background}') top left fixed repeat;
  60. margin: 0;
  61. padding: 0;
  62. font-family: {font:Body};
  63. cursor: url({image:Cursor}), url({image:Cursor}), progress !important;
  64. }
  65.  
  66.  
  67. @font-face { font-family: 'handy'; src: url('http://dl.dropbox.com/u/145992518/handy00.ttf'); }
  68.  
  69. @font-face { font-family: 'xiomara'; src: url('http://dl.dropbox.com/u/145992518/Xiomara-Script.ttf'); }
  70.  
  71. @font-face { font-family: 'bacon'; src: url('http://dl.dropbox.com/u/145992518/Bacon.otf'); }
  72.  
  73. @font-face { font-family: 'honey'; src: url('http://dl.dropbox.com/u/145992518/Honeydripper.otf'); }
  74.  
  75. a:hover {
  76. cursor:url(http://i.imgur.com/IepP2.jpg), url(http://i.imgur.com/IepP2.jpg), progress !important;}
  77.  
  78. #cursor {position:fixed;z-index:-1;top:0px;left:0px;width:100%;height:100%;cursor: url({image:Cursor}), url({image:Cursor}), progress !important;}
  79.  
  80. #cursor a:hover {
  81. cursor: url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), url(http://media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png), progress !important;
  82. }
  83.  
  84.  
  85. iframe#tumblr_controls{
  86. white-space:nowrap;
  87. opacity:1;
  88. position:fixed !important;
  89. bottom:0px;
  90. }
  91.  
  92.  
  93. iframe#tumblr_controls {
  94. position:fixed !important;-webkit-filter: invert(80%) ;
  95. -moz-transition: all 0.8s ease-out;
  96. -webkit-transition: opacity 0.7s linear;
  97. -webkit-transition: all 0.8s ease-out;
  98. transition: all 0.8s ease-out;
  99. opacity:0.5;}
  100.  
  101.  
  102. ::-webkit-scrollbar-button:start:decrement,
  103. ::-webkit-scrollbar-button:end:increment {
  104. height: 10px;
  105. display: block;
  106. background-color: transparent;
  107. }
  108.  
  109. ::-webkit-scrollbar-thumb:vertical {
  110. -webkit-border-radius: 10px;
  111. border-radius: 10px;
  112. background-color: {color:Scrollbar};
  113. border-color:{color:Scrollbar};
  114. margin-top:20px;
  115. border-width:1px;
  116. border-style:solid;
  117.  
  118.  
  119. }
  120.  
  121. ::-webkit-scrollbar {
  122. -webkit-border-radius: 10px;
  123. border-radius: 10px;
  124. width:6px;
  125.  
  126. background-color: transparent;}
  127.  
  128. ::-webkit-scrollbar-corner {
  129. background: transparent;
  130. }
  131.  
  132.  
  133.  
  134. .clear {
  135. clear: both;
  136. height: 0px;
  137. overflow: hidden;
  138. }
  139.  
  140. a img {
  141. border: none;
  142. }
  143.  
  144. #wrapper {
  145. width: 845px;
  146. margin: 0 auto;
  147.  
  148. }
  149.  
  150. #wrapper #title {
  151. margin: 30px 0;
  152. width:500px;
  153. float:right;
  154. text-align:center;
  155. color: {color:Title};
  156. font-size: {text:Title Size}px;
  157. font-weight: bold;
  158. text-shadow: 2px 2px 4px {color:Title Shadow};
  159. font-family: 'bacon';
  160. }
  161.  
  162. #wrapper #title a {
  163. color: {color:Title};
  164. text-shadow: 2px 2px 9px {color:Title Shadow};
  165. text-decoration: none;
  166. font-family: 'bacon';
  167. transition: all 0.4s ease-in-out;
  168. -webkit-transition: all 0.4s ease-out;
  169. -moz-transition: all 0.4s ease-out;
  170. }
  171.  
  172. #wrapper #title a:hover {
  173. color: {color:Title};
  174. text-shadow: 2px 2px 9px {color:Title Shadow Hover};
  175. font-style: italic;
  176. font-family: 'bacon';
  177.  
  178. }
  179.  
  180. #wrapper #content {
  181. width: 500px;
  182. height:500px;
  183. float:right;
  184. padding-top:20px;
  185. box-shadow: 0px 3px 5px {color:Post BG};
  186. background: {color:Post BG};
  187. overflow:scroll;
  188. border-top-right-radius:15px;
  189. -moz-border-top-right-radius:15px;
  190. border-bottom-left-radius:15px;
  191. -moz-border-bottom-left-radius:15px;
  192. border-bottom-right-radius:15px;
  193. -moz-border-bottom-right-radius:15px;
  194.  
  195.  
  196.  
  197. }
  198.  
  199.  
  200. #wrapper #content .post {
  201. font-family: verdana;
  202. font-size:10px;
  203. width:420px;
  204. background: transparent;
  205. color: {color:Text};
  206. padding:10px;
  207. position: relative;
  208. margin-left:30px;
  209.  
  210.  
  211. margin-bottom: 20px;
  212. align: center;
  213. }
  214.  
  215. #wrapper #content .post .media {
  216. text-align: center;
  217. margin-bottom: 10px;
  218. }
  219.  
  220. #wrapper #content .post .quotebg {
  221. font-family: georgia, serif;
  222. font-size: 150px;
  223. color: {color:Quote};
  224. opacity: 0.2;
  225. filter: alpha(opacity=20);
  226. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  227. position: absolute;
  228. top: -20px;
  229. left: 10px;
  230. }
  231.  
  232. #wrapper #content .post .quote {
  233. color: {color:Quote};
  234. font-family:xiomara;
  235. padding: 20px 20px 5px 20px;
  236. }
  237.  
  238. #wrapper #content .post .quote.short {
  239. font-size: 33px;
  240. line-height: 35px;
  241. }
  242.  
  243. #wrapper #content .post .quote.medium {
  244. font-size: 25px;
  245. line-height: 28px;
  246. }
  247.  
  248. #wrapper #content .post .quote.long {
  249. font-size: 18px;
  250. line-height: 22px;
  251. }
  252.  
  253. #wrapper #content .post .quote_source *:first-child {
  254. margin-top: 0px;
  255. }
  256.  
  257. #wrapper #content .post .quote_source *:last-child {
  258. margin-bottom: 0px;
  259. }
  260.  
  261. #wrapper #content .post .quote *:first-child {
  262. margin-top: 0px;
  263. }
  264.  
  265. #wrapper #content .post .quote *:last-child {
  266. margin-bottom: 0px;
  267. }
  268. a
  269. #wrapper #content .post .copy {
  270. color: #6e7173;
  271. padding: 10px;
  272. font-size: 13px;
  273. line-height: 15px;
  274. }
  275.  
  276. #wrapper #content .post .copy a {
  277. color: {color:Link};
  278. text-decoration: none;
  279. font-family:handy;
  280. font-size:8px;
  281. transition: all 0.4s ease-in-out;
  282. -webkit-transition: all 0.4s ease-out;
  283. -moz-transition: all 0.4s ease-out;
  284. }
  285.  
  286. #wrapper #content .post .copy a:hover {
  287. color: {color:Link Hover};
  288. text-decoration: underline;
  289. font-size:12px;
  290. }
  291.  
  292. #wrapper #content .post .copy p {
  293. margin: 10px 0 0 0;
  294. padding: 0;
  295. }
  296.  
  297. #wrapper #content .post .copy pre {
  298. margin: 10px 0px 10px 0px;
  299. padding: 10px;
  300. background-color: #e6e6e6;
  301. font: normal 11px Courier, monospace;
  302. overflow: auto;
  303. }
  304.  
  305. #wrapper #content .post .copy > p:first-child {
  306. margin-top: 0;
  307. }
  308.  
  309. #wrapper #content .post .copy img {
  310. max-width: 100%;
  311. }
  312.  
  313. #wrapper #content .post .audio {
  314. background: transparent;
  315. float: left;
  316. padding: 7px;
  317. margin-bottom: 10px;
  318. -moz-border-radius: 4px;
  319. -webkit-border-radius: 4px;
  320. border-radius: 4px;
  321. }
  322.  
  323. #wrapper #content .post .audio .player {
  324. float: left;
  325. }
  326.  
  327. #wrapper #content .post .audio .player .audio_player embed {
  328. border: 1px solid #c8c8c8;
  329. }
  330.  
  331. #wrapper #content .post .audio .meta {
  332. padding: 8px 13px;
  333. height: 13px;
  334. float: left;
  335. color: #666;
  336. font-family: verdana;
  337. font-size: 10px;
  338. text-transform: lowercase;
  339. }
  340.  
  341. #wrapper #content .post .audio .meta a {
  342. color: #666;
  343. text-decoration: none;
  344. }
  345.  
  346. #wrapper #content .post .album_art {
  347. text-align: center;
  348. }
  349.  
  350. #wrapper #content .post .question {
  351. color: {color:Ask Text};
  352. font-family:xiomara;
  353. font-size: 20px;
  354. background: {color:Ask BG};
  355. -moz-border-radius: 8px;
  356. -webkit-border-radius: 8px;
  357. border-radius: 8px;
  358. margin: 0 0 15px 0;
  359. padding: 15px 20px;
  360. position: relative;
  361. }
  362.  
  363. #wrapper #content .post .question .nipple {
  364. width: 13px;
  365. height: 7px;
  366. background: {color:Ask BG} url('http://assets.tumblr.com/themes/redux/ask-mask.png');
  367. position: absolute;
  368. bottom: -7px;
  369. left: 30px;
  370. }
  371.  
  372. #wrapper #content .post .asker_container {
  373. margin: 0 0 20px 24px;
  374. }
  375.  
  376. #wrapper #content .post .asker_container img {
  377. margin: 0 12px -7px 0;
  378. width: 30px;
  379. height: 30px;
  380. -moz-border-radius: 8px;
  381. -webkit-border-radius: 8px;
  382. border-radius: 8px;
  383. }
  384.  
  385. #wrapper #content .post .asker_container a.asker {
  386. color: {color:Link};
  387. text-decoration: none;
  388. font-family:handy;
  389. font-size:8px;
  390. transition: all 0.4s ease-in-out;
  391. -webkit-transition: all 0.4s ease-out;
  392. -moz-transition: all 0.4s ease-out;
  393. }
  394.  
  395. #wrapper #content .post .asker_container a.asker:hover {
  396. color: {color:Link Hover};
  397. text-decoration: underline;
  398. font-size:12px;
  399. }
  400.  
  401. #wrapper #content .post .title {
  402. color: {color:Post Title};
  403. font-family:'xiomara';
  404. font-size: 20px;
  405. font-weight: bold;
  406. padding: 0px 0px 0 0px;
  407. }
  408.  
  409. #wrapper #content .post img {
  410. max-width: 420px;
  411.  
  412. }
  413.  
  414. #wrapper #content .photoset-img {
  415. max-width: 420px;
  416. }
  417.  
  418. #wrapper #content .post .chat {
  419. background-color: #fff;
  420.  
  421. margin: 10px 10px 0 10px;
  422. font-size: 10px;
  423. }
  424.  
  425. #wrapper #content .post .chat .lines {
  426. margin-left: 1px;
  427. }
  428.  
  429. #wrapper #content .post .chat .lines .line {
  430. background-color: {color:Chat 1};
  431. color: {color:Text};
  432. margin-bottom: 1px;
  433. padding: 3px 5px;
  434. }
  435.  
  436. #wrapper #content .post .chat .lines .line.even {
  437. background-color: {color:Chat 2};
  438. }
  439.  
  440. #wrapper #content .post .link {
  441. margin: 4px 0 2px 0;
  442. font-family: honey;
  443. font-size: 16px;
  444. line-height: 25px;
  445. }
  446.  
  447. #wrapper #content .post .link a {
  448. background-color: {color:Link};
  449. color: #fff;
  450. padding: 5px 7px;
  451. -moz-border-radius: 4px;
  452. -webkit-border-radius: 4px;
  453. border-radius: 4px;
  454. }
  455.  
  456. #wrapper #content .post .link a:hover {
  457. opacity: 0.9;
  458. filter: alpha(opacity=90);
  459. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  460. }
  461.  
  462. #wrapper #content .post .footer {
  463. background: transparent;
  464. -moz-border-radius: 4px;
  465. -webkit-border-radius: 4px;
  466. border-radius: 4px;
  467. font-family: handy;
  468. font-size:8px;
  469.  
  470. color: #666;
  471. padding: 5px 10px;
  472. margin-top: 10px;
  473. }
  474.  
  475.  
  476.  
  477.  
  478. #wrapper #content .post .footer.for_permalink:hover {
  479. opacity: 0.9;
  480. filter: alpha(opacity=90);
  481. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  482. }
  483.  
  484. #wrapper #content .post .footer .date {
  485. width: 67%;
  486. float: left;
  487. color: #000;
  488. }
  489.  
  490. #wrapper #content .post .footer .notes {
  491. width: 33%;
  492. float: right;
  493. text-align: right;
  494. color: #666;
  495. }
  496.  
  497. #wrapper #content .post .footer .notes a {
  498. color: #666;
  499. }
  500.  
  501. #wrapper #content .post .footer .tags a {
  502. color: #4a4a51;
  503. text-decoration: underline;
  504. }
  505.  
  506. #wrapper #content .post .footer .tags .tag-commas:last-child {
  507. display: none;
  508. }
  509.  
  510. #wrapper #content .post .footer.with_source_url .tags {
  511. max-width: 330px;
  512. float: left;
  513. }
  514.  
  515. #wrapper #content .post .footer.with_source_url .source_url {
  516. float: right;
  517. max-width: 160px;
  518. overflow: hidden;
  519. white-space: nowrap;
  520.  
  521. }
  522.  
  523. #wrapper #content .post .footer.with_source_url .source_url img {
  524. vertical-align: top;
  525. -moz-opacity: 0.5;
  526. opacity: 0.5;
  527. }
  528.  
  529. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  530. -moz-opacity: 0.7;
  531. opacity: 0.7;
  532. }
  533.  
  534. #wrapper #content .post a {
  535. color: #6e7173;
  536. text-decoration: none;
  537. }
  538.  
  539. #wrapper #content .post .copy blockquote {
  540. margin: 10px 0px 10px 10px;
  541. padding-left: 15px;
  542. border-left: solid 4px #dcdcdc;
  543. }
  544.  
  545. #wrapper #content .post .copy blockquote blockquote {
  546. border-left: solid 4px #cccccc;
  547. }
  548.  
  549. #wrapper #content .post .copy blockquote blockquote blockquote {
  550. border-left: solid 4px #bcbcbc;
  551. }
  552.  
  553. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  554. border-left: solid 4px #acacac;
  555. }
  556.  
  557. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  558. border-left: solid 4px #9c9c9c;
  559. }
  560.  
  561. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  562. border-left: solid 4px #8c8c8c;
  563. }
  564.  
  565.  
  566.  
  567. #wrapper #content #navigation {
  568. font-family:verdana;
  569. font-size:10px;
  570. text-align: center;
  571. padding-bottom: 10px;
  572. text-transform: lowercase;
  573. }
  574.  
  575. #wrapper #content #navigation a {
  576. color: {color:Link};
  577. text-decoration: none;
  578. font-family:handy;
  579. font-size:8px;
  580. transition: all 0.4s ease-in-out;
  581. -webkit-transition: all 0.4s ease-out;
  582. -moz-transition: all 0.4s ease-out;
  583. }
  584.  
  585. #wrapper #content #navigation a:hover {
  586.  
  587. color: {color:Link Hover};
  588. text-decoration: underline;
  589. font-size:12px;
  590. }
  591.  
  592.  
  593.  
  594. #wrapper #content .post .notecontainer {
  595. background: transparent;
  596. -moz-border-radius: 4px;
  597. -webkit-border-radius: 4px;
  598. border-radius: 4px;
  599. font-family: {font:Accent};
  600. font-size: 11px;
  601. color: #666;
  602. margin-top: 10px;
  603. margin-bottom: -10px;
  604. }
  605.  
  606. #wrapper #content .post .notecontainer a {
  607. color: {color:Link};
  608. text-decoration: none;
  609. font-family:handy;
  610. font-size:8px;
  611. transition: all 0.4s ease-in-out;
  612. -webkit-transition: all 0.4s ease-out;
  613. -moz-transition: all 0.4s ease-out;
  614. }
  615.  
  616. #wrapper #content .post .notecontainer a:hover {
  617. color: {color:Link Hover};
  618. text-decoration: underline;
  619. font-size:12px;
  620. }
  621.  
  622. #wrapper #content .post .notecontainer ol.notes {
  623. padding: 0px 0 10px 0;
  624. list-style-type: none;
  625. font-size: 11px;
  626. }
  627.  
  628. #wrapper #content .post .notecontainer ol.notes li.note {
  629. padding: 10px 10px 0 10px;
  630. }
  631.  
  632. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  633. vertical-align: -4px;
  634. margin-right: 10px;
  635. width: 16px;
  636. height: 16px;
  637. }
  638.  
  639. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  640. font-weight: normal;
  641. }
  642.  
  643. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  644. font-weight: normal;
  645. }
  646.  
  647. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  648. border-left: 2px solid #666;
  649. padding: 4px 10px;
  650. margin: 10px 0px 0px 25px;
  651. }
  652.  
  653. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  654. text-decoration: none;
  655. }
  656.  
  657.  
  658.  
  659.  
  660.  
  661. #wrapper #sidebar {
  662. width: {text:Sidebar Image Width}px;
  663. height: {text:Sidebar Image Height}px;
  664. float: right;
  665. padding: 10px;
  666.  
  667. background: {color:Sidebar Tab};
  668. box-shadow: -2px 0px 5px {color:Sidebar Tab};
  669. color: {color:Text};
  670. font-family: handy;
  671. font-size: 8px;
  672. text-align:justify;
  673. border-top-left-radius:15px;
  674. -moz-border-top-left-radius:15px;
  675. border-bottom-left-radius:15px;
  676. -moz-border-bottom-left-radius:15px;
  677. transition: all 0.4s ease-in-out;
  678. -webkit-transition: all 0.4s ease-out;
  679. -moz-transition: all 0.4s ease-out;
  680.  
  681. }
  682.  
  683.  
  684. #wrapper #sidebar:hover {
  685. width: 150px;
  686. height:200px;
  687. float: right;
  688. padding: 10px;
  689. margin-bottom:30px;
  690. background: {color:Post BG};
  691. box-shadow: -2px 0px 5px {color:Post BG};
  692. color: {color:Text};
  693. overflow:hidden;
  694. border-top-left:2px solid #fff;
  695. border-top-left-radius:25px;
  696. -moz-border-top-left-radius:25px;
  697. border-bottom-left:2px solid;
  698. border-bottom-left-radius:25px;
  699. -moz-border-bottom-left-radius:25px;
  700. }
  701.  
  702.  
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  
  709. #wrapper #sidebar a {
  710. color: {color:Link};
  711. text-decoration: none;
  712. font-family:handy;
  713. font-size:8px;
  714. transition: all 0.4s ease-in-out;
  715. -webkit-transition: all 0.4s ease-out;
  716. -moz-transition: all 0.4s ease-out;
  717. }
  718.  
  719. #wrapper #sidebar a:hover{
  720. color: {color:Link Hover};
  721. text-decoration: underline;
  722. font-size:12px;
  723.  
  724. }
  725.  
  726. #wrapper #sidebar .sidebarimg{
  727.  
  728. margin-bottom: 10px;
  729. padding: 0px;}
  730.  
  731. #wrapper #links{
  732. margin-top: 10px;
  733. margin-bottom: 10px;
  734. text-align: center;
  735. width: 20px;
  736. height:20px;
  737. float: right;
  738. padding: 10px;
  739. background: #FFD6F7;
  740. box-shadow: -2px 0px 5px #FFD6F7;
  741. color: {color:Background};
  742. font-family: verdana;
  743. font-size: 10px;
  744. border-top-left-radius:15px;
  745. -moz-border-top-left-radius:15px;
  746. border-bottom-left-radius:15px;
  747. -moz-border-bottom-left-radius:15px;
  748. }
  749.  
  750. #wrapper #links a {
  751. display: block;
  752.  
  753. color: #fff;
  754.  
  755. transition: all 0.4s ease-in-out;
  756. -webkit-transition: all 0.4s ease-out;
  757. -moz-transition: all 0.4s ease-out;}
  758.  
  759. #wrapper #links a:last-child {
  760. margin-right: 0px; }
  761.  
  762. #wrapper #links a:hover {
  763. background: #ffffff; }
  764.  
  765.  
  766.  
  767. #lilthing{
  768. opacity:0;
  769.  
  770. padding:10px;
  771. height:100px;
  772. background:transparent;
  773. overflow:auto;
  774. transition: all 0.4s ease-in-out;
  775. -webkit-transition: all 0.4s ease-out;
  776. -moz-transition: all 0.4s ease-out;
  777. }
  778.  
  779. #lilthing:hover{
  780. opacity:1;
  781. }
  782.  
  783.  
  784.  
  785. #nav{
  786. display:inline;
  787. width:500px;
  788. height:36px;
  789. float:right;
  790. }
  791.  
  792.  
  793.  
  794. #hover{margin-top:50px;}
  795.  
  796. #hover .foot {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  797.  
  798. #hover:hover .foot {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  799.  
  800.  
  801.  
  802.  
  803. </style>
  804.  
  805. </head>
  806. <body>
  807. <div id="wrapper">
  808.  
  809. <div id="title">
  810. <a href="/">
  811. {Title}
  812. </a>
  813. </div>
  814. <div id="nav"><center>
  815. <img src="http://media.tumblr.com/tumblr_ma3324XDkR1qid2nw.gif"><a href="/" title ="home" class="links"><img src="http://i720.photobucket.com/albums/ww210/Waffuhl/home-button_zps77da9a35.png"></a><a href="/archive" title ="archive" class="links"><img src="http://i720.photobucket.com/albums/ww210/Waffuhl/archive-button_zps0d54c3f8.png"></a>{block:AskEnabled}<a href="/ask" title = "ask"><img src="http://i720.photobucket.com/albums/ww210/Waffuhl/ask--button_zps0b02badb.png"></a>{/block:AskEnabled}{block:ifURL1}<a href="{text:URL1}" title="{text:Label1}" class="links"><img src="http://i720.photobucket.com/albums/ww210/Waffuhl/about-button_zpsbac61cfb.png"></a>{/block:ifURL1}{block:SubmissionsEnabled}<a href="/submit" title="submit" class="page"><img src="http://i720.photobucket.com/albums/ww210/Waffuhl/submit-button_zps94e749a7.png"></a>{/block:SubmissionsEnabled}{block:ifURL2}<a href="{text:URL2}" title ="{text:Label2}" class="links"><img src="http://i720.photobucket.com/albums/ww210/Waffuhl/tags-button_zps035f1b40.png"></a>{/block:ifURL2}{block:ifURL3}<a href="{text:URL3}" title="{text:Label3}" class="links"><img src="http://i720.photobucket.com/albums/ww210/Waffuhl/links-button_zpsb9346d1d.png"></a>{/block:ifURL3}<a href="http://dancier.tumblr.com/tagged/theme" title="theme credit"><img src="http://i720.photobucket.com/albums/ww210/Waffuhl/theme--button_zpseb88d907.png"></a><img src="http://media.tumblr.com/tumblr_ma3339nuSt1qid2nw.gif">
  816.  
  817.  
  818.  
  819.  
  820.  
  821. </center></div>
  822.  
  823. <div id="content">
  824.  
  825. {block:Posts}
  826. <div class="post">
  827.  
  828. {block:Photo}
  829.  
  830.  
  831. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  832. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  833. {/block:Photo}
  834.  
  835. {block:Photoset}
  836. <div class="photoset-img">
  837. {Photoset-400}
  838. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}</div>
  839. {/block:Photoset}
  840.  
  841. {block:Video}
  842. <div class="media">{Video-500}</div>
  843. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  844. {/block:Video}
  845.  
  846. {block:Audio}
  847.  
  848. {block:AudioEmbed}
  849. {AudioEmbed}
  850. {/block:AudioEmbed}
  851.  
  852. {block:AudioPlayer}
  853.  
  854. {block:AlbumArt}
  855. <div class="album_art">
  856. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  857. </div>
  858. {/block:AlbumArt}
  859.  
  860.  
  861. <div class="audio">
  862. <div class="player">{AudioPlayerWhite}</div>
  863. <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  864. <div class="clear"></div>
  865. </div>
  866. {/block:AudioPlayer}
  867.  
  868. <div class="clear"></div>
  869.  
  870. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  871.  
  872. {/block:Audio}
  873.  
  874. {block:Quote}
  875. <div class="quote {Length}">{Quote}</div>
  876. <div class="copy">
  877. <div class="quotebg">“</div>
  878. {block:Source}
  879. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  880. <tr>
  881. <td valign="top" style="width:20px;">&mdash;</td>
  882. <td valign="top" class="quote_source">
  883. {Source}
  884. </td>
  885. </tr>
  886. </table>
  887. {/block:Source}
  888. </div>
  889. {/block:Quote}
  890.  
  891. {block:Text}
  892. {block:Title}<div class="title">{Title}</div>{/block:Title}
  893. <div class="copy">{Body}</div>
  894. {/block:Text}
  895.  
  896. {block:Answer}
  897. <div class="question">
  898. <div class="nipple"></div>
  899. {Question}
  900. </div>
  901. <div class="asker_container"><img src="{AskerPortraitURL-48}">{Asker}</div>
  902. <div class="copy">{Answer}</div>
  903. {/block:Answer}
  904.  
  905. {block:Chat}
  906. {block:Title}<div class="title">{Title}</div>{/block:Title}
  907. <div class="chat">
  908. <div class="lines">
  909. {block:Lines}
  910. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  911. {/block:Lines}
  912. </div>
  913. </div>
  914. <div class="clear"></div>
  915. <div style="height:10px;"></div>
  916. {/block:Chat}
  917.  
  918. {block:Link}
  919. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  920. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  921. {/block:Link}
  922.  
  923.  
  924.  
  925. <div id="hover"><center><img src="{image:Footer}"></center>
  926. <div class="foot">
  927.  
  928.  
  929. {block:Date}
  930. <a href="{Permalink}">
  931. <div class="footer for_permalink">
  932. <div class="date">
  933. <img src="{image:tags}">
  934. {block:Reblog}
  935. {lang:Reblogged TimeAgo from ReblogParentName}
  936. {/block:Reblog}
  937.  
  938. {block:NotReblog}
  939. {lang:Posted TimeAgo from source}
  940. {/block:NotReblog}
  941. </div>
  942. <div class="notes">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount} </div>
  943. <div class="clear"></div>
  944. </div>
  945. </a>
  946. {/block:Date}
  947.  
  948. <div class="footer {block:ContentSource}with_source_url{/block:ContentSource}" style="
  949. display:none;
  950. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  951. {block:ContentSource}display:block;{/block:ContentSource}
  952. ">
  953. {block:IfShowTags}
  954. {block:HasTags}<div class="tags">{lang:Tagged}: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  955. {/block:IfShowTags}
  956.  
  957. {block:ContentSource}
  958. <a href="{SourceURL}" class="source_url">
  959. {lang:Source}:
  960. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  961. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  962. </a>
  963. {/block:ContentSource}</div></div>
  964. <div class="clear"></div>
  965. </div>
  966.  
  967. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  968.  
  969. </div>
  970.  
  971. <div class="bottom"></div>
  972.  
  973. {/block:Posts}
  974.  
  975. {block:Pagination}
  976. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  977. {block:PreviousPage}<a href="{PreviousPage}">&larr; {lang:Previous}</a>{/block:PreviousPage}
  978.  
  979. {block:NextPage}<a href="{NextPage}">{lang:Next page} &rarr;</a>{/block:NextPage}
  980. </div>
  981. {/block:Pagination}
  982.  
  983. </div>
  984.  
  985. <div id="sidebar"><center>
  986. {block:IfSidebarImage}<img src="{image:Sidebar}" class="sidebarimg">{/block:IfSidebarImage}</center>
  987. <div id="lilthing"><div id="description">{Description}</div></div>
  988.  
  989.  
  990.  
  991. </div>
  992.  
  993.  
  994.  
  995.  
  996.  
  997.  
  998. </div>
  999.  
  1000.  
  1001.  
  1002.  
  1003. <div class="clear"></div>
  1004. </div>
  1005.  
  1006. <div id="cursor"></div>
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012. </body>
  1013. </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!