Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <!-- COLORES -->
- <meta name="color:Fondo" content="#f0f0f0;">
- <meta name="color:Cuadros" content="#FFF;">
- <meta name="color:Fondo Tags" content="#BBB;">
- <meta name="color:Color" content="#cc003d;">
- <meta name="color:Enlaces" content="#ff2454;">
- <meta name="color:Texto" content="#777;">
- <!-- IMAGENES -->
- <meta name="image:Footer" content="https://66.media.tumblr.com/accca782803ec2f6dbe1214d3a66fa00/6e7a243eced58100-43/s640x960/7c07b9698d17ce696f23ca587f72d09d9909e20e.jpg"/>
- <!-- FRUTAS -->
- <meta name="select:Frutas" content="apple" title="Manzana">
- <meta name="select:Frutas" content="lemon" title="Limón">
- <meta name="select:Frutas" content="orange" title="Naranja">
- <meta name="select:Frutas" content="peach" title="Durazno">
- <meta name="select:Frutas" content="pineapple" title="Piña">
- <meta name="select:Frutas" content="strawberry" title="Fresa">
- <meta name="select:Frutas" content="watermelon" title="Sandia">
- <meta name="select:Frutas" content="cherry" title="Cereza">
- <!-- Enlaces -->
- <meta name="text:Link Nombre 01" content="Home">
- <meta name="text:Link URL 01" content="/">
- <meta name="text:Link Nombre 02" content="Ask">
- <meta name="text:Link URL 02" content="/ask">
- <meta name="text:Link Nombre 03" content="Submit">
- <meta name="text:Link URL 03" content="/submit">
- <meta name="text:Link Nombre 04" content="Archivo">
- <meta name="text:Link URL 04" content="/archive">
- <!-- Data -->
- <meta name="text:Edad" content="XX años"/>
- <meta name="text:Nacionalidad" content="País"/>
- <meta name="text:Ocupacion" content="Trabajo"/>
- <meta name="text:Raza" content="Raza"/>
- <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet" />
- <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
- <script type="text/javascript">
- $(function() {
- $("p:has(a.tumblr_blog)").addClass("mm-post-name");
- });
- </script>
- <script src="//dl.dropbox.com/s/4af36btgfwkb62s/PowerTip.js"></script>
- <script type="text/javascript">
- $(function() {
- $('[title]').powerTip({
- followMouse: 'true'
- });
- });
- </script>
- <style>
- :root {
- --mm-fon-01: {color:Fondo};
- --mm-fon-02: {color:Cuadros};
- --mm-uno: {color:Color};
- --mm-dos: {color:Fondo Tags};
- --mm-tre: {color:Enlaces};
- --mm-txt: {color:Texto};
- }
- *,
- ::after,
- ::before {
- box-sizing: border-box;
- scrollbar-color: var(--mm-uno) var(--mm-fon-01);
- scrollbar-width: thin;
- transition: .3s;
- }
- ::selection {
- background: var(--mm-txt);
- color: var(--mm-uno);
- }
- ::-webkit-scrollbar {
- width: 5px !important;
- height: 5px !important;
- background: var(--mm-fon-01) !important;
- }
- ::-webkit-scrollbar-thumb {
- background: var(--mm-uno) !important;
- }
- #powerTip {
- display: none;
- position: absolute;
- white-space: nowrap;
- z-index: 999;
- padding: 8px 8px 8px 10px !important;
- background: var(--mm-fon-02) !important;
- color: var(--mm-cua);
- text-transform: uppercase;
- letter-spacing: 2px;
- font: 10px calibri !important;
- transition: 0s !important;
- box-shadow: 0 0 15px -10px;
- border-radius: 10px;
- }
- /******************/
- html,
- body {
- margin: 0;
- padding: 0;
- background-color: var(--mm-fon-01);
- font: 10px Montserrat;
- color: var(--mm-txt);
- min-height: 600px;
- }
- a {
- text-decoration: none;
- color: var(--mm-tre);
- font-weight: bold;
- letter-spacing: 1px;
- }
- a:hover {
- letter-spacing: 2px;
- }
- b,
- i {
- color: var(--mm-uno);
- text-shadow: 1px 1px var(--mm-fon-02), 1px -1px var(--mm-fon-02), -1px 1px var(--mm-fon-02), -1px -1px var(--mm-fon-02);
- }
- .mm-centro {
- top: 50px;
- bottom: 50px;
- position: absolute;
- width: 600px;
- left: 50%;
- transform: translate(-50%);
- min-height: 500px;
- }
- .mm-scroll,
- #mm-foo {
- background: var(--mm-fon-02);
- border-radius: 30px;
- position: absolute;
- overflow: hidden;
- }
- /***Footer***/
- body > iframe {
- transform: scale(.6) translate(30%);
- }
- #mm-foo {
- bottom: 0;
- left: 0;
- right: 0;
- height: 100px;
- }
- .mm-img {
- position: absolute;
- top: 6px;
- bottom: 6px;
- left: 6px;
- width: 50%;
- background-position: center;
- background-size: cover;
- border-radius: 24px;
- -webkit-mask-image: linear-gradient(to right, #000 50%, transparent 100%);
- }
- .mm-data {
- position: absolute;
- top: 10px;
- right: 10px;
- bottom: 10px;
- width: 400px;
- display: flex;
- flex-wrap: wrap;
- }
- .mm-data > div {
- background: var(--mm-fon-02);
- min-width: 40%;
- flex: 1;
- margin: 2px;
- border-radius: 20px;
- border: 1px dotted var(--mm-uno);
- display: flex;
- padding: 3px;
- align-items: center;
- }
- .mm-data .th {
- background: var(--mm-uno);
- height: 100%;
- width: 27px;
- text-align: center;
- color: var(--mm-fon-02);
- border-radius: 50%;
- font-size: 12px;
- }
- .mm-data b {
- flex: 1;
- text-align: right;
- padding: 0 5px;
- letter-spacing: 1px;
- font-weight: normal;
- }
- /***Sidebar***/
- #mm-sidebar {
- right: 0;
- top: 0;
- bottom: 110px;
- width: 190px;
- position: absolute;
- display: flex;
- flex-direction: column;
- }
- .mm-titu {
- background: var(--mm-uno);
- padding: 15px;
- text-align: center;
- color: var(--mm-fon-02);
- font: bold 12px Montserrat;
- border-radius: 30px;
- letter-spacing: 1px;
- }
- .mm-blo {
- flex: 1;
- border: 1px solid var(--mm-uno);
- border-radius: 30px;
- background: var(--mm-fon-02);
- margin: 10px 0;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- }
- .mm-desc {
- height: calc(100% - 168px);
- overflow: auto;
- margin: 0 20px 20px;
- text-align: justify;
- padding-right: 5px;
- }
- .mm-fruit {
- height: 188px;
- position: relative;
- }
- .mm-fruit::before,
- .mm-fruit::after {
- content: "";
- position: absolute;
- background: var(--mm-uno);
- border-radius: 50%;
- animation: link 2s linear infinite;
- }
- .mm-fruit::after {
- animation-delay: 1s !important;
- }
- @keyframes link {
- from {
- width: 50px;
- height: 50px;
- opacity: 1;
- }
- to {
- width: 150px;
- height: 150px;
- opacity: 0;
- }
- }
- .mm-fruit > a {
- width: 80px;
- height: 80px;
- background: var(--mm-uno);
- color: var(--mm-fon-02);
- font-size: 30px;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 50%;
- position: relative;
- z-index: 10;
- }
- .mm-links {
- display: flex;
- flex-wrap: wrap;
- border-radius: 30px;
- overflow: hidden;
- background: var(--mm-fon-02);
- }
- .mm-links a {
- background: var(--mm-uno);
- padding: 20px;
- flex: 1;
- text-align: center;
- color: var(--mm-fon-02);
- font: bold 8px Montserrat;
- text-transform: uppercase;
- letter-spacing: 1px;
- position: relative;
- }
- .mm-links a:nth-of-type(2),
- .mm-links a:nth-of-type(3) {
- opacity: .8;
- }
- .mm-links a:hover {
- box-shadow: 0 0 10px -5px var(--mm-txt);
- z-index: 10;
- }
- /***SCROLL***/
- .mm-scroll {
- top: 0;
- bottom: 110px;
- width: 400px;
- padding: 20px;
- }
- #mm-posts {
- height: 100%;
- overflow: auto;
- }
- #mm-posts * {
- max-width: 100%;
- }
- .mm-post {
- margin-right: 5px;
- }
- .mm-post ~ .mm-post {
- margin-top: 20px;
- }
- .mm-post-top {
- background: var(--mm-uno);
- border-radius: 10px 10px 0 0;
- display: flex;
- align-items: center;
- padding: 8px 5px 8px 10px;
- font: bold 8px montserrat;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- .mm-post-top > a {
- color: var(--mm-fon-02);
- flex: 1;
- }
- .mm-post-top > div {
- display: flex;
- height: 10px;
- align-items: center;
- }
- .mm-post-top > div > * {
- transform: scale(.6);
- }
- .mm-post-top > div > *:hover {
- transform: scale(.8);
- }
- .mm-post-in {
- background: var(--mm-fon-01);
- border: 10px solid transparent;
- text-align: justify;
- }
- .mm-post-bottom {
- background: var(--mm-dos);
- border-radius: 0 0 10px 10px;
- text-align: center;
- padding: 3px;
- font-size: 8px;
- letter-spacing: 1px;
- }
- .mm-post-tags a {
- color: var(--mm-fon-02);
- padding: 0 5px;
- }
- .mm-post-top > a:hover,
- .mm-post-bottom a:hover {
- font-weight: bold;
- letter-spacing: 2px;
- }
- .mm-post-tags b {
- margin-right: 3px;
- }
- blockquote {
- margin: 10px 0 10px 20px;
- background: #0001;
- padding: 10px;
- border-left: 3px solid var(--mm-uno);
- }
- h3 {
- margin: 10px 0;
- font-size: 14px;
- }
- h2 {
- margin: 10px 0;
- font-size: 10px;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- h1 {
- font-size: 14px;
- margin: 10px 0;
- letter-spacing: 2px;
- text-transform: capitalize;
- color: var(--mm-uno);
- }
- .mm-prev,
- .mm-next {
- position: absolute;
- top: calc(50% - 25px);
- font-size: 40px;
- color: var(--mm-fon-02);
- }
- .mm-prev {
- right: calc(100% + 15px);
- transform: rotate(90deg);
- }
- .mm-next {
- left: calc(100% + 15px);
- transform: rotate(-90deg);
- }
- .mm-prev:hover,
- .mm-next:hover {
- color: var(--mm-uno);
- text-shadow: 0 0 5px var(--mm-txt);
- }
- .mm-cre {
- position: absolute;
- top: calc(100% + 10px);
- text-transform: uppercase;
- font-size: 8px;
- letter-spacing: 5px;
- left: 50%;
- transform: translate(-50%);
- padding-left: 5px;
- }
- .mm-cre b {
- color: var(--mm-txt);
- }
- .mm-post-notas {
- background: var(--mm-fon-01);
- padding: 10px;
- border-radius: 0 0 7px 7px;
- margin-top: 3px;
- }
- /******************/
- .mm-data .th,
- .mm-fruit,
- .mm-fruit > a {
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .mm-links,
- .mm-scroll,
- #mm-foo,
- .mm-titu,
- .mm-blo {
- border: 1px dotted var(--mm-uno);
- box-shadow: inset 0 0 0 5px var(--mm-fon-02), inset 0 0 0 6px var(--mm-fon-01), 0 10px 10px -10px var(--mm-txt);
- }
- /*****************/
- p {
- margin: 10px 0;
- }
- .mm-p :last-child,
- p:last-child {
- margin-bottom: 0;
- }
- .mm-p :first-child,
- blockquote :first-child {
- margin-top: 0;
- }
- blockquote blockquote {
- margin-left: 0;
- }
- .answer,
- .question {
- position: relative;
- background: var(--mm-fon-02);
- padding: 10px;
- text-align: justify;
- }
- .question {
- margin: 10px 0 10px 50px;
- }
- .answer {
- margin: 10px 50px 10px 0;
- }
- .answer::before,
- .question::before {
- content: "";
- position: absolute;
- width: 7px;
- height: 20px;
- top: 10px;
- background: var(--mm-fon-02);
- }
- .question::before {
- right: 100%;
- clip-path: polygon(100% 0, 0 50%, 100% 100%);
- }
- .answer::before {
- left: 100%;
- clip-path: polygon(0 0, 0 100%, 100% 50%);
- }
- .answerer-avatar,
- .asker-avatar {
- width: 40px;
- height: 40px;
- position: absolute;
- top: 0;
- border: 3px solid var(--mm-fon-02);
- }
- .asker-avatar {
- right: calc(100% + 10px);
- }
- .answerer-avatar {
- left: calc(100% + 10px);
- }
- .mm-answerer,
- .mm-asker {
- display: inline-block;
- border-bottom: 2px solid;
- margin-bottom: 5px;
- padding: 0 5px;
- }
- .chat-in {
- font-size: 12px;
- }
- .chat-in > div ~ div {
- margin-top: 5px;
- }
- .label {
- font-weight: bold;
- letter-spacing: 1px;
- margin: 0 5px 0 20px;
- }
- cite {
- background:
- #0001;
- display: block;
- text-align: center;
- padding: 10px;
- font: italic 14px serif;
- letter-spacing: 1px;
- }
- cite:before {
- content:"«";
- }
- cite:after {
- content:"»";
- }
- .source {
- text-align: right;
- padding: 5px 10px 0;
- font-style: italic;
- }
- .notes {
- margin: 0;
- padding: 0;
- text-align: left;
- }
- .notes > li {
- list-style: none;
- position: relative;
- margin-left: 45px;
- min-height: 40px;
- }
- .notes > li ~ li {
- margin-top: 10px;
- }
- .avatar_frame {
- position: absolute;
- top: 0;
- right: calc(100% + 5px);
- width: 40px;
- }
- .avatar_frame img {
- width: 40px;
- height: 40px;
- border: 3px solid var(--mm-fon-02);
- }
- .notes blockquote {
- margin: 5px 0;
- }
- </style>
- </head>
- <body>
- <div class="mm-centro">
- <div id="mm-sidebar">
- <div class="mm-titu">{Title}</div>
- <div class="mm-blo">
- <div class="mm-fruit"><a class="th th-{select:Frutas}" href="/" title="Home"></a></div>
- {block:Description}
- <div class="mm-desc">{Description}</div>
- {/block:Description}
- </div>
- <div class="mm-links">
- <a href="{text:Link URL 01}">{text:Link Nombre 01}</a>
- <a href="{text:Link URL 02}">{text:Link Nombre 02}</a>
- <a href="{text:Link URL 03}">{text:Link Nombre 03}</a>
- <a href="{text:Link URL 04}">{text:Link Nombre 04}</a>
- </div>
- </div>
- <div class="mm-scroll">
- <div id="mm-posts">
- {block:Posts}
- <div class="mm-post">
- <div class="mm-post-top">
- <a href="{RelativePermalink}">{NoteCountWithLabel}</a>
- <div>
- {LikeButton color="white"}
- {ReblogButton color="white"}
- </div>
- </div>
- <div class="mm-post-in">
- <div class="mm-p text">
- {block:Answer}
- <div class="question">
- <div class="mm-asker">{Asker}</div>
- <div class="asker-question">{Question}</div>
- <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
- </div>
- {block:Answerer}
- <div class="answer">
- <div class="mm-answerer">{Answerer}</div>
- <div class="answerer-answer">{Answer}</div>
- <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
- </div>
- {/block:Answerer}
- <div class="replies">
- {Replies}
- </div>
- {/block:Answer}
- </div>
- {block:Text}
- <div class="mm-p text">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}{Body}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="mm-p photo">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photo}
- {block:Panorama}
- <div class="mm-p panorama">
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
- {LinkCloseTag}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Panorama}
- {block:Photoset}
- <div class="mm-p photoset">
- {Photoset-500}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="mm-p quote">
- <cite>{Quote}</cite>
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="mm-p link">
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="mm-p chat">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <div class="chat-in">
- {block:Lines}
- <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}{Line}
- </div>
- {/block:Lines}
- </div>
- </div>
- {/block:Chat}
- {block:Video}
- <div class="mm-p video">
- {Video-500}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Video}
- {block:Audio}
- <div class="mm-p post audio">
- {AudioEmbed}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Audio}
- </div>
- <div class="mm-post-bottom">
- {block:HasTags}
- <div class="mm-post-tags">
- {block:Tags}
- <a href="{TagURL}"><b>#</b>{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {block:PostNotes}
- <div class="mm-post-notas">
- {PostNotes-64}
- </div>
- {/block:PostNotes}
- </div>
- </div>
- {/block:Posts}
- </div>
- </div>
- <div id="mm-foo">
- <div class="mm-img" style="background-image: url({image:Footer});"></div>
- <div class="mm-data">
- <div title="Edad"><span class="th th-calendar-1"></span><b>{text:Edad}</b></div>
- <div title="Nacionalidad"><span class="th th-location-3"></span><b>{text:Nacionalidad}</b></div>
- <div title="Ocupación"><span class="th th-plus-1"></span><b>{text:Ocupacion}</b></div>
- <div title="Raza"><span class="th th-paw"></span><b>{text:Raza}</b></div>
- </div>
- </div>
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}" title="Anterior" class="mm-prev">
- <span class="th th-heart-1"></span>
- </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}" title="Siguiente" class="mm-next">
- <span class="th th-heart-1"></span>
- </a>
- {/block:NextPage}
- {/block:Pagination}
- <a class="mm-cre" href="https://emmescodes.tumblr.com" title="Theme by Emme">{<b>Emme</b>}</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment