Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <!--
- THEME BY JÚLIA // @mclahei
- base code by hellolittlered
- YOU CAN:
- Tweak the code on your blog.
- Reblog/Like the original post.
- Come to me if you need any help.
- Take little parts of the code to get a desired effect. Keep in mind I mean /little/ parts only.
- Enjoy this theme :)
- YOU CAN'T:
- Repost any of the codes.
- Remove credit from view.
- Use this as a base code, as it was made from one that does not belong to me.
- -->
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <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}
- <meta name="color:Menu Background" content="#333333" />
- <meta name="color:Credit Background" content="#333333" />
- <meta name="color:Description Box BG" content="#f1f1f1" />
- <meta name="color:Pagination Background" content="#333333" />
- <meta name="color:Pagination" content="#ffffff" />
- <meta name="color:Tags" content="#333333" />
- <meta name="color:Post Title" content="#333333" />
- <meta name="color:Header Links Hover" content="#333333" />
- <meta name="color:Borders" content="#7d7d7d" />
- <meta name="color:Text" content="#5e5e5e" />
- <meta name="color:Sidebar Title" content="#f1f1f1" />
- <meta name="color:Info Background" content="#333333" />
- <meta name="color:Chat Background One" content="#f8f8f8" />
- <meta name="color:Chat Background Two" content="#ffffff" />
- <meta name="color:Credit" content="#ffffff" />
- <meta name="color:Info" content="#ffffff" />
- <meta name="color:Post Background" content="#ffffff" />
- <meta name="color:Sidebar Links Background" content="#f8f8f8" />
- <meta name="color:Sidebar Links Hover Background" content="#333" />
- <meta name="color:Sidebar Links" content="#333" />
- <meta name="color:Description" content="#333333" />
- <meta name="color:Description Background" content="#333" />
- <meta name="color:Ask Background" content="#f8f8f8" />
- <meta name="color:Background" content="#f8f8f8" />
- <meta name="color:Header Links" content="#ffffff" />
- <meta name="color:Header Links Hover Background" content="#ffffff" />
- <meta name="color:General Links Hover" content="#7d7d7d" />
- <meta name="color:Description" content="#7d7d7d" />
- <meta name="color:General Links" content="#fbcb67" />
- <meta name="color:Image Background Color" content="#eaeaea" />
- <meta name="image:Background" content="" />
- <meta name="image:Header Image" content="http://static.tumblr.com/mdbfvxz/4bKn3qnb9/tumblr_static_anuncio.png" />
- <meta name="if:FadingImages" content="0"/>
- <meta name="text:Subtitle" content="YOUR TEXT HERE."/>
- <meta name="text:LinkAURL" content=""/>
- <meta name="text:LinkBURL" content=""/>
- <meta name="text:LinkCURL" content=""/>
- <meta name="text:LinkDURL" content=""/>
- <meta name="text:LinkEURL" content=""/>
- <meta name="text:LinkA" content=""/>
- <meta name="text:LinkB" content=""/>
- <meta name="text:LinkC" content=""/>
- </head>
- <style>
- body {
- background:url({image:background}) {color:Background};
- padding:0px;
- margin:0px;
- font-family:Arial, Helvetica, sans-serif;
- color:{color:Text};
- font-size:12px;
- }
- a {
- color:{color:General Links};
- text-decoration:none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- a:hover {
- color:{color:General Links Hover};
- }
- blockquote {
- border-left:5px solid #333;
- padding-left:5px;
- }
- header {
- background:{color:Image Background Color};
- display:block;
- text-align:center;
- }
- img {
- display:block;
- margin:0px;
- max-width:100%;
- }
- menu {
- background:{color:Menu Background};
- padding:5px;
- text-align:center;
- color:{color:Header Links};
- margin:0px;
- padding-bottom:10px;
- font-size:12px;
- font-weight:700;
- }
- menu a {
- font-family:calibri;
- padding:5px;
- text-transform:uppercase;
- font-size:8px;
- letter-spacing:1px;
- color:{color:Header Links};
- margin:5px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- menu a:hover {
- background:{color:Header Links Hover Background};
- color:{color:Header Links Hover};
- }
- #sea img {
- margin-top:25px;
- position:fixed;
- width:80px;
- height:100px;
- border-radius:0px;
- border: 10px solid #333;
- margin-left:130px;
- }
- #rope {
- color:{color:Sidebar Title};
- font-size:20px;
- font-weight:900;
- font-family:"Intro";
- width:73px;
- min-height:149px;
- background:{color:Description Background};
- margin-left:150px;
- position:fixed;
- margin-top:-20px;
- padding:15px;
- padding-top:37px;
- padding-left:20px;
- }
- #rope img{
- margin-top:14px;
- margin-left:2px;
- border:1px solid #222;
- }
- .description:hover {
- margin-left:50px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .description {
- position:fixed;
- width:122px;
- margin-left:-170px;
- font-family:arial;
- padding:20px;
- margin-top:27px;
- display:block;
- text-align:justify;
- background:{color:Description Background};
- color:{color:Description};
- font-size:11px;
- margin-bottom:25px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #anchor {
- margin-top:10px;
- text-align:right;
- }
- #anchor a {
- font-weight:bold;
- letter-spacing:1px;
- color:{color:Sidebar Links};
- width:115px;
- background:{color:Sidebar Links Background};
- text-transform:uppercase;
- font-family:calibri;
- font-size:7px;
- margin-top:2px;
- display:inline-block;
- padding:5px;
- }
- #anchor a:hover {
- background:{color:Sidebar Links Hover Background};
- color:{color:Sidebar Links Background};
- }
- #content {
- margin-top:25px;
- margin-left:auto;
- margin-right:auto;
- width:650px;
- }
- .post {
- padding:25px;
- width:500px;
- display:block;
- background:{color:Post Background};
- display:inline-block;
- }
- .music {
- background:#000;
- width:477px;
- padding:10px;
- }
- .albumart {
- float:left;
- padding:0px 10px 10px 0px;
- }
- .albumart img {
- width:110px;
- height:110px;
- }
- #player {
- width:25px;
- height:25px;
- overflow:hidden;
- opacity:0.5;
- border-radius: 30px;
- }
- .musicinfo {
- font-size:14px;
- text-align:left;
- margin-left:30px;
- margin-top:-20px;
- line-height:120%;
- color:#a7a7a7;
- }
- h2 {
- font-size:25px;
- font-weight:700;
- text-align:center;
- margin:0px 0px 10px 0px;
- color:{color:Post Title};
- }
- a. h2 {
- color:{color:Post Title};
- }
- .information {
- height:100%;
- background:{color:Info Background};
- color:{color:Info};
- width:100px;
- text-align:center;
- }
- .information a {
- color:{color:Info};
- }
- .notec {
- text-align:center;
- padding:3px;
- border-top:1px solid {color:Borders};
- border-bottom:1px solid {color:Borders};
- margin-top:10px;
- display:block;
- }
- {block:ifFadingImages}
- #content img, .html_photoset {
- opacity:.7;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #content img:hover, .html_photoset:hover {
- opacity:1;
- }
- {/block:ifFadingImages}
- .date {
- font-size:20px;
- font-weight:700;
- display:block;
- }
- .month {
- display:block;
- text-transform:lowercase;
- font-size:11px;
- font-weight:700;
- margin-top:10px;
- }
- .reblog {
- display:inline-block;
- margin:5px;
- margin-top:20px;
- }
- .quote {
- font-size:20px;
- }
- .ask {
- padding:20px;
- background:{color:Ask Background};
- }
- .chat ul {
- display:block;
- list-style:none;
- margin-left:-40px;
- }
- .chat li {
- padding:3px;
- display:block;
- }
- .chat .odd {
- background:{color:Chat Background Two};
- }
- .chat .even {
- background:{color:Chat Background One};
- }
- #tags {
- text-align:right;
- margin-bottom:20px;
- margin-top:3px;
- padding:5px;
- font-size:11px;
- background:#f2f2f2;
- }
- #tags a {
- opacity:0.2;
- color:{color:Tags};
- }
- #tags a:hover{
- opacity:1;
- }
- #content table tr td {
- vertical-align:top;
- }
- #pagination {
- text-align:center;
- margin:20px;
- }
- #pagination span {
- background:{color:Pagination Background};
- color:{color:Pagination};
- padding:5px;
- width:15px;
- height:15px;
- display:inline-block;
- margin-left:2px;
- }
- #pagination a {
- background:{color:Pagination Background};
- color:{color:Pagination};
- padding:5px;
- width:15px;
- height:15px;
- display:inline-block;
- margin-left:2px;
- }
- footer {
- background:{color:Credit Background};
- padding:10px;
- text-align:center;
- color:{color:Credit};
- display:block;
- margin:0px;
- }
- @font-face {font-family:Myra; src: url(http://static.tumblr.com/mdbfvxz/yvJn3qnou/myra_4f_caps_regular.ttf) format("truetype"); }
- @font-face {font-family:Intro; src: url(http://static.tumblr.com/mdbfvxz/zaDn3qnuq/intro.otf) format("opentype"); }
- </style>
- <body>
- <header>
- <center>
- <img src="{image:Header Image}" />
- </center>
- </header>
- <menu>
- <a href="/">index</a>
- <a href="/ask">message</a>
- <a href="/archive">archive</a>
- <a href="/mobile">mobile</a>
- </menu>
- {block:description}
- <div class="description">
- <div id="rope">{Title}
- <img src="{PortraitURL-64}">
- </div>
- <div style="overflow-Y:scroll; background-color:{color:Description Box BG}; width:105px; padding:10px; height:40px; text-align: justify;">{description}</div>
- <br>
- <small><small><marquee style="letter-spacing:2px; color:{color:Sidebar Title}; font-family:georgia;">{text:Subtitle}</marquee></small></small>
- <div id="anchor">
- <a href="{text:LinkAURL}">{text:LinkA}</a><br>
- <a href="{text:LinkBURL}">{text:LinkB}</a><br>
- <a href="{text:LinkCURL}">{text:LinkC}</a><br>
- </div>
- </div>
- {/block:description}
- <div id="content">
- {block:posts}
- <table>
- <tr>
- <td class="information">
- {block:Date}
- <span class="month">{Month}</span>
- <a class="date" href="{permalink}">{DayOfMonthWithZero}<sup>{DayOfMonthSuffix}</sup></a>
- <span class="month">{Year}</span>
- {/block:Date}
- <!-- notes count -->
- {block:NoteCount}<a class="notec" href="{PostNotesURL}">{NoteCountWithLabel}</a>{/block:NoteCount}
- <!-- reblog and like button -->
- <div class="reblog">{ReblogButton}</div>
- <div class="reblog">{LikeButton}</div>
- </center>
- </td>
- <td class="post">
- {block:Text}
- {block:Title}
- <a href="{Permalink}">
- <h2>{Title}</h2>
- </a>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Quote}
- <div class="quote">
- “{Quote}” — <b><i>{Source}</i></b>
- </div>
- {/block:Quote}
- {block:Link}
- <a href="{URL}">
- <h2>{Name} »</h2>
- </a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Photo}
- <center>
- <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}"/></a>
- </center>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <center>
- {Photoset-500}
- </center>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Chat}
- <div class="chat">
- <ul>
- {block:Lines}
- <li class="{Alt}">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Audio}<div class="music">
- <div id="player">{AudioPlayerBlack}</div>
- <div class="musicinfo">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br><small><small>{block:Artist} {Artist} - {/block:Artist}
- {/block:ExternalAudio}<b></b> [{PlayCount}]</small></small></small></div></div>
- {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
- {block:Answer}
- <div class="ask">
- <b>{Asker} asked:</b> {question}
- </div>
- {Answer}
- {/block:Answer}
- </td>
- </tr>
- </table>
- <div id="tags">
- {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:posts}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
- {block:JumpPagination length="6"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <footer style="text-transform:uppercase; font-family:calibri; font-size:8px; letter-spacing:2px;">
- © 2014<br>
- theme by <a href="http://mclahei.tumblr.com">mclahei</a>
- </footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement