Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---
- theme 13 by mcpoyles
- ---!>
- <html>
- <head>
- <!-- DEFAULT VARIABLES -->
- <meta name="font:body" content="Helvetica, Arial, sans-serif" />
- <meta name="font:link" content="arial" />
- <meta name="font:nav" content="arial" />
- <meta name="color:background" content="#ffffff" />
- <meta name="color:header" content="#f2f2f2" />
- <meta name="color:nav" content="#111111" />
- <meta name="color:body" content="#BBBBBB" />
- <meta name="color:links" content="#888888" />
- <meta name="color:hover" content="#666666" />
- <meta name="color:title" content="#f9f9f9" />
- <meta name="color:entry" content="#ffffff" />
- <meta name="color:icons" content="#ffffff" />
- <meta name="color:border" content="#DDDDDD" />
- <meta name="image:sidebar" content=""/>
- <meta name="text:Link1" content=""/>
- <meta name="text:Link1 URL" content=""/>
- <meta name="text:Link2" content=""/>
- <meta name="text:Link2 URL" content=""/>
- <meta name="text:Link3" content=""/>
- <meta name="text:Link3 URL" content=""/>
- <meta name="text:Link4" content=""/>
- <meta name="text:Link4 URL" 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}
- </head>
- <style type="text/css">
- body {
- text-align:left;
- line-height:14px;
- color:{color:body};
- background-color:{color:background};
- font-family:{font:body};
- font-size:11px;
- margin:0px;}
- b, em, bold, .question a {
- font-weight:bold;
- color:{color:titles};}
- a {
- text-decoration: none;
- color:{color:links};
- text-decoration:none;
- -moz-transition:0.3s ease-in;
- -webkit-transition: 0.3s ease-in;
- -o-transition:0.3s ease-in;
- transition:0.3s ease-in; }
- a:hover {
- color: {color:hover};
- text-decoration:none;}
- body > header { min-width:500px;top:0px; margin:0px;margin:0 auto; }
- header #container {margin:0 auto;background-color:{color:header}; }
- .head-inside { padding:10px; overflow:auto; text-transform:lowercase;font-size:10px; }
- #container{ width:500px; }
- #container2{ width:500px; }
- #container .gl { float:left; }
- #container .gr { float:right; }
- #wrap { margin-top:40px; }
- #wrap .center-center { margin:0 auto;position:relative;width:500px;}
- #wrap #gl { float:left; width:200px; background-color:{color:side};line-height:20px; }
- #wrap #gr { float:right; width:500px; margin-top:-5px;background-color:{color:entry bg};line-height:20px; }
- #wrap #inside { }
- #wrap #entry { overflow: hidden; background-color:{color:entry}; }
- #wrap #entry .in-inside { text-align:center; }
- #wrap #gl .side { padding:10px;}
- .space {margin-bottom:40px;}
- blockquote {margin: 0.5em 0; padding: 0 0 0 9px; border-left: 1px solid {color:border};}
- .audio blockquote, .quote blockquote {padding: 0; border: 0;}
- blockquote img {width: auto;}
- .quote {
- color: #333;
- display: block;
- background: url() no-repeat 0 10px;
- font-style: italic;
- padding: 16px 18px 10px 10px;}
- .quote .medium {
- font-size: 15px;
- line-height: 1.4;
- font-family:HelveticaNeue-CondensedBold; }
- .title {
- color:#AAAAAA;
- font-size:10px;
- letter-spacing:1px;
- padding:0px 0px 10px 0px;
- text-transform:uppercase;
- border-bottom:1px solid {color:border}; }
- .titles {
- color:#AAAAAA;
- font-size:10px;
- letter-spacing:1px;
- padding:10px 0px 10px 0px;
- text-transform:uppercase; }
- ul.chat, .chat ol, .chat li {
- list-style:none;
- margin:0px;
- padding:5px;}
- .label {
- letter-spacing:0px;
- font-weight:bold; }
- .quote-source { text-align:right;padding:10px; }
- #gr:hover #info{
- opacity:1;
- display:block;}
- #info {
- width:500px;
- padding:5px;
- font-size:11px;
- position:relative;
- opacity:0;
- -webkit-transition:0.3s linear; }
- ol {
- list-style-type: none;
- margin: 0; }
- ol.notes li {
- width: 500px;
- padding: 5px 0;
- margin: 0 0 3px -50px;
- border-bottom: 1px solid #f5f5f5; }
- ol.notes li:hover {
- border-bottom: 1px solid #f5f5f5; }
- ol.notes li img {
- width:16px;
- padding-right: 10px;
- margin-bottom: -5px;
- opacity: 0.85;
- filter:alpha(opacity=85); }
- ol.notes li img:hover {
- opacity: 1;
- filter:alpha(opacity=100); }
- #footer {
- clear:both;
- padding:10px; }
- color:{color:body};}
- #pagination {
- width:500px;
- font-size:10px;
- word-spacing:7px;
- text-align:center;}
- #pagination a {
- color:#888888;}
- .jump_page {
- padding:3px;
- color:#888888;
- border:1px solid #BFBFBF;}
- .view {
- width: 500px;
- float: left;
- overflow: hidden;
- position: relative;
- box-shadow: 1px 1px 2px #e6e6e6;
- cursor: default;
- background: #000000;
- }
- .view .mask, .view .content {
- width: 500px;
- height:40px;
- position: absolute;
- overflow: hidden;
- bottom: 0;
- left: 0
- }
- .view img {
- display: block;
- position: relative
- }
- .view p {
- font-family: {font:body};
- font-size: 11px;
- position: relative;
- color: #fff;
- padding: 0px 0px 10px 10px;
- }
- .view a.info:hover {
- box-shadow: 0 0 5px #000;
- }
- .view-first img {
- transition: all 0.2s linear;
- }
- .view-first .mask {
- opacity: 0;
- background-color: #000000;
- transition: all 0.4s ease-in-out;
- }
- .view-first h2 {
- transform: translateY(-100px);
- opacity: 0;
- transition: all 0.2s ease-in-out;
- }
- .view-first p {
- transform: translateY(100px);
- opacity: 0;
- transition: all 0.2s linear;
- }
- .view-first a.info{
- opacity: 0;
- transition: all 0.2s ease-in-out;
- }
- .view-first:hover img {
- transform: scale(1.1);
- }
- .view-first:hover .mask {
- opacity: 0.8;
- }
- .view-first:hover h2,
- .view-first:hover p,
- .view-first:hover a.info {
- opacity: 0.6;
- transform: translateY(0px);
- }
- .view-first:hover p {
- transition-delay: 0.1s;
- }
- .view-first:hover a.info {
- transition-delay: 0.2s;
- }
- .audio {
- height:60px;
- padding:5px;
- margin-bottom:5px; }
- .audio-album {
- position:absolute;
- width:60px; }
- .audio-player {
- opacity:0.6;
- filter:alpha(opacity=60);
- border:2px solid #f2f2f2;
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- z-index:2;
- margin-left:15px;
- margin-top:15px; }
- .audio-info {
- margin-top:-10px;
- position:relative;
- margin-left:70px;
- padding:5px; }
- {CustomCSS}
- </style>
- <body>
- <header>
- <div id="container">
- <div class="head-inside">
- <p>{Description}</p>
- <center>{block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a> {/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a> {/block:ifLink2}
- {block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a> {/block:ifLink3}
- {block:ifLink4}<a href="{text:Link4 URL}">{text:Link4}</a> {/block:ifLink4}
- <a href="">code</a>  
- <a href="http://mcpoyles.tumblr.com">Theme</a>
- </center>
- </div>
- </div>
- </header>
- <div id="wrap">
- <div class="center-center">
- <div id="gr">
- <div id="inside">
- {block:Posts}
- <div id="entry">
- {block:Text}
- {block:Title}
- <div class="titles"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="view view-first">
- <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
- <div class="mask">
- <p>{block:Date}<big><big><a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a></big></big>{/block:Date}</p>
- </div>
- </div>
- {block:PermalinkPage}<p>{block:Caption}{Caption}{/block:Caption}</p>{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div style="padding:10px 0px 10px 0px;">
- {Photoset-500}
- {block:PermalinkPage}<p>{block:Caption}{Caption}{/block:Caption}</p> {/block:PermalinkPage}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="quote"><div class="medium">
- <i><big>{Quote}</big></i></div></div>
- {/block:Quote}
- {block:Link}
- <div class="titles"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- <ul class="chat">{block:Lines}<li class="user_{UserNumber}">
- {block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
- <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- <div class="audio-info">
- {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
- {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
- </div></div>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div style="padding:10px 0px 10px 0px;">
- <div style="font-family:georgia;font-style:italic;font-size:11px;padding:5px;">{Asker} asked:</div>
- <div style="background-color:#f9f9f9;padding:10px;">{Question}</div> </div>
- {Answer}
- {/block:Answer}
- </div>
- {block:HasTags}
- <div id="info" style="width:490px;"> {block:Tags} <text style="text-transform:lowercase;font-size:9px;">#<a href="{TagURL}">{Tag}</a> </text>{/block:Tags}<BR>
- {block:ContentSource} <text style="text-transform:lowercase;font-size:9px;">Source: <a href="{SourceURL}">{SourceTitle}</a></text>  {/block:ContentSource} {block:NoteCount}<text style="text-transform:lowercase;font-size:9px;">with <a href="{Permalink}">{NoteCountWithLabel}</a> </text>  {/block:NoteCount} <a href="{Permalink}">→</a>
- </div>
- {/block:HasTags}
- <div class="space"> </div>
- {/block:Posts}
- {block:PostNotes}
- <div class="entry">
- {PostNotes}
- </div>
- {/block:PostNotes}
- </div>
- <center>
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">Newest</a> /
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">Older</a> {/block:NextPage}
- {/block:Pagination}</center>
- </div>
- </div>
- </div>
- <div id="footer"> </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement