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 #02-2 by Clara
- http://mandrakescry.tumblr.com/
- DON'T REMOVE THE CREDITS
- --------------------------------------------->
- <html>
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:Posts" content="#ffffff" />
- <meta name="color:Sidebar" content="#ededf0" />
- <meta name="color:Text" content="#8f8989" />
- <meta name="color:Border" content="#d0ddfa" />
- <meta name="color:Linkhover" content="#e7e3e3"/>
- <meta name="color:Link" content="#3c3b3a" />
- <meta name="color:Bold" content="#554e4e" />
- <meta name="color:Scrollbar Background" content="#ffffff"/>
- <meta name="color:Scrollbar" content="#e6e7e7"/>
- <meta name="color:Ask Background" content="#eeebeb"/>
- <meta name="color:Nav Hover" content="#7185b3" />
- <meta name="color:Nav Background" content="#acbfeb" />
- <meta name="color:questionbg" content="#acbfeb" />
- <meta name="color:question" content="#ffffff" />
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 Title" content="Link 1" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 Title" content="Link 2" />
- <meta name="text:Link3" content="" />
- <meta name="text:Link3 Title" content="Link 3" />
- <meta name="image:Sidebar" content="" />
- <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}
- <link href='http://fonts.googleapis.com/css?family=Homenaje' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Pontano Sans|Oranienbaum' rel='stylesheet' type='text/css'>
- </head>
- <style type="text/css">
- body {
- line-height:110%;
- font-size:10px;
- font-family:calibri;
- text-align:justify;
- background-color:{color:background};
- color:#b1b1b1; }
- a, a:active, a:visited{
- text-decoration: none;
- color: {color:Link};
- }
- a:hover{
- color: {color:linkhover};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- opacity: 1;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- b2, strong{
- color:{color:text}; font-weight: bold;}
- i2, em{
- color:{color:text}; font-style: italic;}
- i{
- color:{color:link}; font-style: italic;}
- b{
- color:{color:link}; font-style: bold;}
- big { font-size: 7px; }
- blockquote {text-align:left;padding-left:10px; margin:5px; border-color:{color:border}; border-left:3px solid;}
- blockquote img{max-width:485px;}
- /* POSTS */
- #container {
- width: 550px;
- margin-left:400px;
- margin-bottom: 60px;
- }
- #entry {
- font-size:10px;
- margin-left: 140px;
- text-align: justify;
- margin-top: 40px;
- }
- .quote {
- color: #aaa;
- display: block;
- background: url(http://static.tumblr.com/cc4ocei/Y5Mkzk5s7/quote.png) no-repeat 0 10px; font-size: 15px;
- font-style: italic; font-family: georgia;
- padding: 16px 18px 10px 32px; }
- #pagey { font-size: 6px; }
- #pagey:a { font-size: 6px; }
- h1{ font-weight: 500;
- font-size: 18px!important; font-family:times new roman;text-transform: justify;font-style:italic;
- }
- #post {
- font-size:10px;
- padding: 10px;
- width: 500px;
- background-color:{color:background};
- color:{color:text};
- text-align: justify;
- }
- small { font-size: 10px; }
- /* SIDEBAR */
- #sidebar {
- margin-top: 100px;
- margin-left: -150px;
- position: fixed;
- overflow: hidden;
- }
- #sidebar img {
- width: 180px;
- height: 180px;
- opacity: 0.8;
- padding: 2px;
- -webkit-filter: grayscale(1);
- margin-left:10px;
- }
- #sidebar img:hover {
- -webkit-filter: grayscale(0.4);
- }
- #nav {
- position:absolute;
- text-align:center;
- margin-top:10px;
- margin-left:-20px;
- width:250px;
- }
- #nav a {
- margin-left:3px;
- background-color:{color:nav background};
- webkit-border-radius: 5px;
- border-radius: 5px;
- font-family:'04b03';
- font-size:8px;
- display:inline-block;
- text-transform:uppercase;
- padding: 5px;
- text-align: center;
- text-decoration: none;
- -webkit-transition: all 0.5s ease-out;
- }
- #nav a:hover {
- background-color:{color:nav hover};
- -webkit-transition: all 0.5s ease-out;
- }
- #description {
- display: block;
- no-repeat 0 3px;
- text-align:justify;
- padding-left: 21px;
- padding-top:10px;
- margin-top:0px;
- margin-left:-10px;
- width:180px;
- }
- /* AUDIO */
- .audio {
- position:relative;
- overflow:hidden;
- min-height:100px;
- }
- .player {
- position:absolute;
- z-index:3;
- background:#FFFFFF;
- margin-top:63px;
- margin-left:63px;
- opacity:0.75;
- filter:alpha(opacity=75);
- border:2px {color:Accent} solid;
- }
- .audioplayer {
- width:15px;
- height:25px;
- overflow:hidden;
- padding:3px;
- margin-right:11px
- }
- .audioinfo {
- margin-left:112px;
- font-size:10px!important;
- }
- .audiocaption {
- margin-left:112px;
- }
- .audiocaption img {
- max-width:270px!important
- }
- .audiocaption blockquote img {
- max-width:260px!important
- }
- .audiocaption blockquote blockquote img {
- max-width:250px!important
- }
- /* CREDIT */
- #credit{
- width:25px;
- position:fixed;
- bottom:10px;
- right:10px;
- opacity:1;
- z-index:1;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition: all 0.3s linear;
- -ms-transition: all 0.3s linear;
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- }
- #credit:hover{
- opacity:0.3;
- -webkit-filter: grayscale(0%);
- -moz-filter: grayscale(0%);
- -ms-filter: grayscale(0%);
- -o-filter: grayscale(0%);
- }
- .roda {
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- -webkit-transition-duration: 0.50s;
- width:60px;
- }
- .roda:hover {
- -webkit-transform: rotate(360deg);
- }
- /* INFO */
- #tags {
- border-top: 1px solid {color:border};
- margin-top: 5px;
- padding-top: 5px;
- font-size: 10px;
- text-transform: justify;
- font-family: calibri;
- letter-spacing: 1px;
- color: {Color:Body}; }
- #tags a, #tags a:active, #tags a:visited {
- font-family: calibri;
- letter-spacing: 1px;
- color: {Color:Links};
- border-bottom: none;
- font-weight: normal; }
- /* ASK */
- #question {
- margin-bottom:2px;
- padding:5px;
- font-style:normal;
- font-size:10px;
- text-align:left;
- background-color:{color:questionbg};
- color:{color:question};
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- }
- #answer {padding:5px;
- font-style:normal;
- text-align:left;
- color:{color:text};
- }
- /* CONTROLS */
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.2;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;}
- iframe#tumblr_controls {
- top: 0% !important;
- right:0% !important;
- position: fixed !important;}
- /* PAGINATION */
- #pagination {
- width:200px; padding-top: 200px;
- font-size:7px;
- word-spacing:3px; }
- .jump_page {
- padding:3px;
- background-color:#transparent; }
- .current_page {
- padding:3px;
- background-color:#transparent;
- color:{color:text};}
- /* SCROLLBAR */
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- height:30px;}
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:scrollbar};
- height:10px!important;}
- ::-webkit-scrollbar {
- background-color:{color:background};
- height:10px;width:08px;}
- {CustomCSS}
- </style>
- <body>
- <div id="container">
- <div id="sidebar">
- <div id="sidebar img">
- <a href="/"><img src="{image:Sidebar}" style="border:5px solid {color:border};background: {color:Background};"></a>
- </div>
- <div id="nav">
- <a href="/">home</a>
- <a href="/ask">mssg</a>
- <a href="{text:Link1}">{text:Link1 Title}</a>
- <a href="{text:Link2}">{text:Link2 Title}</a>
- <a href="{text:Link3}">{text:Link3 Title}</a>
- </div><br><br><p>
- <div id="description">
- <div style="font-family:georgia;font-size:70px;position:absolute;opacity:.7;margin-top:40px; margin-left:15px; color:{color:Link Hover};z-index:-1;">“</div>
- <div style="padding-left:20px;padding-right:0px;margin-top:10px;text-align:left;margin-bottom:10px;">
- {Description}</div>
- {block:Pagination}<div style="font-family:inconsolata; font-size:8px; text-align: center; margin-left:20px; width: 150px;margin-top: 15px; padding-top: 10px; border-top: 1px solid {color:border};">{block:PreviousPage}<a href="{PreviousPage}">PREVIOUS - </a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage} </div>
- {/block:Pagination}
- </div>
- </div>
- <div id="entry">
- {block:Posts}
- <div id="post">
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}
- {Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}<div style="text-align: left; padding-left: 35px; text-transform: lowercase;">- {Source};</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Video}
- {Video-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
- {/block:Chat}
- {block:Answer}
- <table width=100% class="askbg"><tr><td width="40%">
- <center><div class="asker">{Asker}: </div></center></td><td width="60%">
- {Question}</td></tr></table>
- <p>{Answer}</p>{/block:Answer}
- {block:Audio}<div class="audio"><span style="background-color:{color:background}; position:bottom-left; width:100px; height:100px; margin-right:12px;">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:12px;" />{/block:AlbumArt}<div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div></span><div class="audioinfo"><b>Title:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br /><b>Artist:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br /><b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />{block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">Click Here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div><div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div></div>{/block:Audio}
- <div id="tags"> Posted <a href="{Permalink}" style="margin-right: 0px;">{TimeAgo}</a> ({NoteCountWithLabel})
- <div style="float: right;">{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentName}">{ReblogParentName}</a> (© <a href="{ReblogRootURL}" title="{ReblogRootName}">{ReblogRootName}</a>) {/block:RebloggedFrom}</div>
- <br>{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a></span>{/block:Tags}{/block:HasTags}</div><br>
- </div>
- {block:PermalinkPage}{block:PostNotes}<div style="width:500px;">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
- {/block:Posts}
- </div>
- </div>
- <a href="{ReblogRootURL}" title="{ReblogRootName}"></a></div>
- <a href="http://adf.ly/WipQG"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" id="credit" title="mandrakescry themes" class="roda"></a>
- </body>
- </html>
Add Comment
Please, Sign In to add comment