Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!---------------
- THEME #5 - "UNFORGIVING" by CREMATA
- Rules and Regulations:
- #1: Please DO NOT commit thievery and steal this theme/page. I've worked hard on in so I'd appreciate if you didn't.
- #2: DO NOT redistribute this theme/page,
- #3: You can customize to your liking, just make sure that your theme/page is readable and credible for your viewers.
- ---------------->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <title>{Title}</title>
- <meta charset="utf-8">
- <meta name="description" content="{MetaDescription}" />
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
- <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
- <!---------- DEFAULT VARIABLES ---------->
- <meta name="color:Accent" content="#a40101">
- <meta name="color:Sidebar BG" content="#202020">
- <meta name="color:Sidebar Text" content="#EEEEEE">
- <meta name="color:Sidebar IMG Border" content="#FFFFFF">
- <meta name="color:Post Container" content="#FAFAFA">
- <meta name="color:Upper Bar BG" content="#FFFFFF">
- <meta name="color:Title" content="#202020">
- <meta name="color:Upper Links" content="#202020">
- <meta name="color:Text" content="#202020">
- <meta name="color:Entry BG" content="#FFFFFF">
- <meta name="color:Post Info Link" content="#EFEFEF">
- <meta name="color:Tags" content="#a40101">
- <meta name="color:Background" content="#EFEFEF">
- <meta name="color:Tags Hover" content="#AAAAAA">
- <meta name="image:Background" content="http://static.tumblr.com/kamm2qy/Wb3mq4g0s/tiny_grid.png">
- <meta name="image:Sidebar" content="http://static.tumblr.com/kamm2qy/ZJ5mqcmwv/sidebar.png">
- <meta name="if:Infinite Scroll" content="">
- <meta name="if:WhitePlayer" content="">
- <meta name="if:400px Posts" content="">
- <meta name="if:Grayscale" content="">
- <meta name="if:Image Transparency" content="">
- <meta name="text:Link 1" content="">
- <meta name="text:Link 1 URL" content="">
- <meta name="text:Link 2" content="">
- <meta name="text:Link 2 URL" content="">
- <meta name="text:Link 3" content="">
- <meta name="text:Link 3 URL" content="">
- <meta name="text:Link 4" content="">
- <meta name="text:Link 4 URL" content="">
- </head>
- <style type="text/css">
- body {
- padding: 0px;
- margin: 0px;
- list-style: none;
- background-color: {color:Background};
- background-attachment: fixed;
- background-image:url('{image:Background}');
- }
- a {
- text-decoration: none;
- color: black;
- }
- b,i,strong,em {
- color: {color:Accent};
- }
- ::-webkit-scrollbar-thumb:vertical {
- height: 15px;
- background-color: #ddd;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- height: 5px;
- width: 7px;
- background-color: #ddd;
- }
- ::-webkit-scrollbar {
- width: 10px;
- background-color: transparent;
- }
- #side {
- float: left;
- position: fixed;
- width: 500px;
- height: 100%;
- background-color: {color:Sidebar BG};
- margin: auto;
- padding: 20px;
- font-family: cambria;
- font-size: 10px;
- letter-spacing: 0px;
- color: {color:Sidebar Text};
- }
- .sideimg img {
- margin: auto;
- display: block;
- width: 460px;
- padding: 20px;
- height: 400px;
- background-color: {color:Sidebar IMG Border};
- }
- .infocontain {
- display: block;
- height: 200px;
- padding: 10px 40px;
- }
- .infocontain img {
- float: left;
- width: 48px;
- height: 48px;
- padding: 5px;
- background-color: {color:Sidebar IMG Border};
- margin: 0px 5px 5px 0px;
- }
- .icon {
- float: left;
- width: 56px;
- }
- #desc {
- display: inline-block;
- margin-left: 10px;
- border-left: 1px solid {color:Sidebar Text};
- padding-left: 8px;
- min-height: 58px;
- max-height: 220px;
- overflow: auto;
- width: 300px;
- }
- #container {
- {block:IfNot400pxPosts}width: 600px;{/block:IfNot400pxPosts}
- {block:If400pxPosts}width: 500px;{/block:If400pxPosts}
- margin-left: 560px;
- height: 100%;
- background-color: {color:Post Container};
- padding-top: 130px;
- margin-bottom: 80px;
- }
- #upperbar {
- display: block;
- padding: 20px;
- background-color: {color:Upper Bar BG};
- opacity: 0.9;
- position: fixed;
- {block:IfNot400pxPosts}width: 560px;{/block:IfNot400pxPosts}
- {block:If400pxPosts}width: 460px;{/block:If400pxPosts}
- margin-left: 560px;
- }
- }
- #upperbar:hover {
- opacity: 1;
- }
- .title {
- margin: auto;
- text-align: center;
- padding-bottom: 4px;
- border-bottom: 1px solid #AAA;
- font-family: Montserrat;
- font-size: 20px;
- color: {color:Title};
- margin-bottom: 7px;
- text-transform: uppercase;
- letter-spacing: 5px;
- }
- .links {
- display: block;
- text-align: center;
- }
- .links a {
- margin: 0px 10px;
- font-family: cambria;
- font-size: 10px;
- color: {color:Upper Links};
- }
- /* START POST CODE */
- #posts {
- font-family: cambria;
- font-size: 10px;
- color: {color:Text};
- text-align: justify;
- }
- #entries {
- {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
- {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
- padding: 20px;
- margin: auto;
- background-color: {color:Entry BG};
- transform-style: preserve-3d;
- }
- #entries a {
- color: {color:Accent};
- webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #entries a:hover {
- color: #CCC;
- }
- {block:IfNotInfiniteScroll}
- .pagination {
- display: block;
- text-align: center;
- margin-top: 10px;
- margin-left: -5px;
- }
- .pagination a {
- padding: 5px;
- color: #AAA;
- display: block;
- font-family: cambria;
- webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .pagination a:hover {
- color: {color:Accent};
- }
- {/block:IfNotInfiniteScroll}
- /* TEXT POSTS */
- .ttitle {
- font-family: Montserrat;
- font-size: 18px;
- text-transform: uppercase;
- color: {color:Accent};
- text-align: center;
- }
- blockquote {
- margin-left: 0px;
- padding: 2px 7px 2px 7px;
- border-left: 5px solid {color:Accent};
- {block:IfNot400pxPosts}width: 480px;{/block:IfNot400pxPosts}
- {block:If400pxPosts}width: 380px;{/block:If400pxPosts}
- }
- /* PHOTO POSTS */
- .photo img {
- {block:IfImageTransparency}opacity: 0.8;{/block:IfImageTransparency}
- {block:IfGrayscale}-webkit-filter: grayscale(100%);{/block:IfGrayscale}
- webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .photo img:hover {
- {block:IfImageTransparency}opacity: 1;{/block:IfImageTransparency}
- {block:IfGrayscale}-webkit-filter: grayscale(0%);{/block:IfGrayscale}
- }
- .photoset {
- {block:IfImageTransparency}opacity: 0.8;{/block:IfImageTransparency}
- {block:IfGrayscale}-webkit-filter: grayscale(100%);{/block:IfGrayscale}
- webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .photoset:hover {
- {block:IfImageTransparency}opacity: 1;{/block:IfImageTransparency}
- {block:IfGrayscale}-webkit-filter: grayscale(0%);{/block:IfGrayscale}
- }
- /* LINK POSTS */
- .link h3 {
- display: block;
- text-align: center;
- font-family: Montserrat;
- font-size: 18px;
- text-transform: uppercase;
- }
- .link h3 a {
- color: {color:Accent};
- }
- /* MUSIC POSTS */
- .audio {
- display: block;
- }
- .album {
- z-index: 1;
- width: 150px;
- height: 150px;
- text-align: left;
- background-color:url('{AlbumArt}');
- display: block;
- }
- .album img {
- z-index: 1;
- width: 150px;
- height: 150px;
- text-align: left;
- }
- .button {
- width: 25px;
- height: 28px;
- overflow: hidden;
- z-index: 1000;
- }
- .music {
- {block:IfWhitePlayer}background-color: #FFF;{/block:IfWhitePlayer}
- {block:IfNotWhitePlayer}background-color: #000;{/block:IfNotWhitePlayer}
- position: absolute;
- padding: 15px 18px 15px 18px;
- z-index: 1000;
- margin: 25px 28px 0px 44px;
- margin-top: 47px;
- opacity: 0.3;
- webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .music:hover {
- opacity: 0.8;
- }
- .audioinfo {
- float: right;
- {block:IfNot400pxPosts}width: 330px;{block:IfNot400pxPosts}
- {block:If400pxPosts}width: 230px;{block:If400pxPosts}
- padding: 10px;
- {block:IfNotWhitePlayer}background-color: #202020;{/block:IfNotWhitePlayer}
- {block:IfWhitePlayer}background-color: #FFFFFF;{/block:IfWhitePlayer}
- height: 130px;
- overflow: auto;
- }
- .track {
- color: {color:Accent};
- font-family: Montserrat;
- font-size: 18px;
- text-align: center;
- display: block;
- text-transform: uppercase;
- padding: 10px;
- overflow: auto;
- display: block;
- }
- .other {
- background-color: transparent;
- font-family: roboto condensed;
- font-size: 10px;
- {block:IfNotWhitePlayer}color: #EEE;{/block:IfNotWhitePlayer}
- {block:IfWhitePlayer}color:#202020;{/block:IfWhitePlayer}
- text-transform: uppercase;
- text-align: center;
- }
- /* QUOTE POSTS */
- .quote {
- font-family: Parisienne;
- font-size: 24px;
- color: {color:Accent};
- text-align: center;
- }
- .source {
- font-family: Montserrat;
- font-size: 12px;
- display: block;
- text-align: center;
- }
- .source a:hover {
- color: #AAA;
- }
- /* ASK POSTS */
- .question {
- display: block;
- padding: 10px;
- text-align: center;
- font-family: cambria;
- font-size: 10px;
- font-style: italic;
- color: {color:Accent};
- background-color: transparent;
- }
- .answer {
- display: block;
- text-align: justify;
- font-size: 8px;
- text-transform: uppercase;
- }
- .asker img {
- width: 36px;
- height: 36px;
- display: block;
- text-align: center;
- margin: auto;
- padding: 10px;
- background-color: {color:Accent};
- }
- /* CHAT POSTS */
- .chat .convo li {
- list-style: none;
- text-align: justify;
- margin-top: 5px;
- }
- .chat h2 {
- font-family: 'roboto condensed';
- font-size: 20px;
- text-align: center;
- display: block;
- color: {color:Accent};
- text-transform: uppercase;
- }
- .line_odd .label {
- color: {color:Accent};
- text-transform: uppercase;
- border-bottom: 1px dotted #AAAAAA;
- padding: 2px;
- }
- .line_even .label {
- color: #BBBBBB;
- text-transform: uppercase;
- border-bottom: 1px dotted #AAAAAA;
- padding: 2px;
- }
- /* POST INFO DESIGNS */
- #postinfo {
- display: block;
- padding: 10px;
- background-color: {color:Accent};
- margin-top: 30px;
- margin: auto;
- text-align: center;
- {block:IfNot400pxPosts}width: 520px;{/block:IfNot400pxPosts}
- {block:If400pxPosts}width: 420px;{/block:If400pxPosts}
- }
- .date {
- font-family: Montserrat;
- font-size: 16px;
- color: {color:Post Info Link};
- }
- .date a {
- font-family: Montserrat;
- font-size: 14px;
- color: {color:Post Info Link};
- text-transform: uppercase;
- webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .date a:hover {
- color: #AAA;
- }
- .rebloginfo {
- display: block;
- font-family: roboto condensed;
- font-size: 10px;
- color: {color:Post Info Link};
- text-transform: uppercase;
- }
- .rebloginfo a {
- margin-right: 10px;
- font-family: roboto condensed;
- font-size: 10px;
- color: {color:Post Info Link};
- text-align: uppercase;
- webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .rebloginfo a:hover {
- color:#AAA;
- }
- #tags {
- display: block;
- {block:IfNot400pxPosts}width: 520px;{/block:IfNot400pxPosts}
- {block:If400pxPosts}width: 420px;{/block:If400pxPosts}
- padding: 10px;
- margin: auto;
- height: auto;
- margin-bottom: 80px;
- text-align: left;
- }
- #tags a {
- display: inline-block;
- margin-right: 10px;
- font-family: roboto condensed;
- color: {color:Tags};
- text-transform: uppercase;
- webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #tags a:hover {
- color: {color:Tags Hover};
- }
- </style>
- <body>
- <div id="side">
- <div class="sideimg"><img src="{image:Sidebar}" /></div>
- <div class="infocontain">
- <div class="icon"><a href="/"><img src="{PortraitURL-48}" /></a><br>
- <div class="pagination">
- {block:IfNotInfiniteScroll}{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}"><</a>{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}">></a>{/block:NextPage}
- {/block:Pagination}{/block:IfNotInfiniteScroll}
- </div>
- </div>
- <div id="desc">
- {Description}
- </div>
- </div>
- </div>
- <div id="upperbar">
- <div class="title">{Title}</div>
- <div class="links">
- <a href="/">Home</a>
- <a href="/ask">Message</a>
- <a href="{text:Link 1 URL}">{text:Link 1}</a>
- <a href="{text:Link 2 URL}">{text:Link 2}</a>
- <a href="{text:Link 3 URL}">{text:Link 3}</a>
- <a href="{text:Link 4 URL}">{text:Link 4}</a>
- <a href="http://cremata.tumblr.com">Credit</a>
- </div>
- </div>
- <div id="container">
- <div id="posts">
- {block:Posts}
- <div id="postinfo">
- <div class="date">{block:Date}<a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year} ; {TimeAgo}</a>{/block:Date} {block:NoteCount} ; {NoteCountWithLabel}{/block:NoteCount}
- </div>
- <div class="rebloginfo">{block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom}Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
- </div>
- <div id="entries">
- {block:Text}
- {block:Title}<div class="ttitle"><b>{Title}</b></div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="photo"><center><a href="{Permalink}">{block:IfNot400pxPosts}<img src="{PhotoURL-500}" />{/block:IfNot400pxPosts}{block:If400pxPosts}<img src="{PhotoURL-400}">{/block:If400pxPosts}</a></center></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">{block:IfNot400pxPosts}{Photoset-500}{/block:IfNot400pxPosts}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Link}
- <div class="link"> <a href="{URL}"><h3>{Name}</h3></a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Audio}
- <div class="audio">
- <div class="music"><div class="button">{block:AudioPlayer}{block:IfWhitePlayer}{AudioPlayerWhite}{/block:IfWhitePlayer}{block:IfNotWhitePlayer}{AudioPlayerBlack}{/block:IfNotWhitePlayer}{/block:AudioPlayer}</div></div>
- <div class="audioinfo">
- <div class="track">{block:TrackName}{TrackName}{/block:TrackName}
- <div class="other">
- {block:Artist}{Artist}{/block:Artist}<br>
- {block:Album}{Album}{/block:Album}<br>
- {block:PlayCount}{PlayCount} Plays{/block:PlayCount}
- </div>
- </div>
- </div>
- <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
- </div>
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Quote}<div class="quote">"{Quote}"</div> <div class="source">-{Source}</div>{/block:Quote}
- {block:Answer}
- <div class="question"><div class="asker"><img src="{AskerPortraitURL-24}" /></div><br />{Asker} asked: {Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- <div class="chat">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- </div>
- {/block:Chat}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- <!-- {block:ContentSource}
- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
- {/block:ContentSource} -->
- </div>
- <div id="tags">
- {block:HasTags}{block:Tags}✖ <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement