Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!----
- THEME THREE - "CORNUCOPIA" 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.
- Credits to codysherman.com for the infinite scroll feature!
- ---->
- <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>
- <link rel="shortcut icon" href="{Favicon}" />
- <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
- {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
- <!------ DEFAULT VARIABLES AND ATTRIBUTES - BOOLEANS ------>
- <meta name="if:White Player" content="">
- <meta name="if:400px Post" content="">
- <meta name="if:Infinite Scroll" content="">
- <meta name="if:Hover Description" content="0">
- <meta name="if:Grayscale" content="">
- <!------ DEFAULT VARIABLES AND ATTRIBUTES - COLORS ------>
- <meta name="color:Background" content="">
- <meta name="color:Blockquote" content="">
- <meta name="color:Scrollbar" content="">
- <meta name="color:Scrollbar BG" content="">
- <meta name="color:Icon Border" content="">
- <meta name="color:Pagination BG" content="">
- <meta name="color:Pagination Link" content="">
- <meta name="color:Title" content="">
- <meta name="color:Description" content="">
- <meta name="color:Sidebar Links" content="">
- <meta name="color:Post BG" content="">
- <meta name="color:Text" content="">
- <meta name="color:Post Links" content="">
- <meta name="color:Post Links Hover" content="">
- <meta name="color:Extra Links" content="">
- <meta name="color:Extra Links BG" content="">
- <meta name="color:Text Post Title" content="">
- <meta name="color:Text Title Border" content="">
- <meta name="color:Chat 1" content="">
- <meta name="color:Chat 2" content="">
- <meta name="color:Music Title" content="">
- <meta name="color:Source Border" content="">
- <meta name="color:Question" content="">
- <meta name="color:Asker Image Border" content="">
- <meta name="color:Timestamp" content="">
- <meta name="color:Timestamp Text" content="">
- <meta name="color:Tags" content="">
- <meta name="color:tags Hover" content="">
- <meta name="color:Quote" content="">
- <meta name="color:Blockquote Text" content="">
- <!------ DEFAULT VARIABLES AND ATTRIBUTES - IMAGES ------>
- <meta name="image:Sidebar" content="">
- <meta name="image:Background" content="">
- <!------ DEFAULT VARIABLES AND ATTRIBUTES - TEXT ------>
- <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="">
- <meta name="text:Link 5" content="">
- <meta name="text:Link 5 URL" content="">
- <meta name="text:Link 6" content="">
- <meta name="text:Link 6 URL" content="">
- <meta name="text:Margin Top" content="90px">
- </head>
- <style text="text/css">
- body {
- padding: 0;
- margin: 0;
- margin: auto;
- list-style: none;
- background-color: {color:Background};
- background-attachment: fixed;
- background-image:url('{image:Background}');
- }
- a {
- text-decoration: none;
- color: black;
- }
- blockquote {
- width: 94%;
- padding: 5px 15px 5px 15px;
- text-align: justify;
- background-color: {color:Blockquote};
- color: {color:Blockquote Text};
- margin-left: 0px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- height:10px;
- background-color: {color:Scrollbar}; }
- ::-webkit-scrollbar-thumb:horizontal {
- height:10px;
- background-color: {color:Scrollbar}; }
- ::-webkit-scrollbar {
- height: 10px;
- width: 7px;
- background-color: {color:Scrollbar BG}; }
- #sidebar {
- float: left;
- width: 250px;
- height: 100%;
- position: fixed;
- background-color: #202020;
- margin-left: 100px;
- background-image:url('{image:Sidebar}');
- 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;
- }
- #posts {
- {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
- {block:If400pxPost}width: 400px;{/block:If400pxPost}
- height: auto;
- float: left;
- display: inline-block;
- margin-left: 420px;
- margin-bottom: 60px;
- padding: 20px;
- }
- #posts img {
- {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;
- }
- #posts img:hover {
- {block:IfGrayscale}-webkit-filter: grayscale(0%);{/block:IfGrayscale}
- }
- #navigation {
- float: left;
- display: block;
- position: fixed;
- width: 160px;
- height: auto;
- background-color: transparent;
- margin-left: 1040px;
- padding: 20px;
- }
- #navigation img {
- display: block;
- background-color: {color:Icon Border};
- width: 96px;
- height: 96px;
- padding: 15px;
- text-align: center;
- margin: auto;
- margin-top: 150px;
- }
- .links {
- display: block;
- text-align: center;
- margin: auto;
- height: auto;
- width: 127px;
- margin-top: 5px;
- }
- .links a {
- display: block;
- margin-top: 4px;
- background-color: {color:Extra Links BG};
- text-transform: uppercase;
- text-align: center;
- font-family: roboto condensed;
- font-size: 8px;
- color: {color:Extra Links};
- padding: 5px 5px 6px;
- letter-spacing: 1px;
- 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;
- }
- .links a:hover {
- color: {color:Extra Links BG};
- background-color: {color:Extra Links};
- }
- .title {
- font-family: cambria;
- font-size: 14px;
- color: {color:Title};
- margin-bottom: 2px;
- text-align: center;
- display: block;
- font-style: italic;
- }
- .description {
- width: 240px;
- padding: 5px;
- background-color: {color:Background};
- background-image:url('{image:Background}');
- font-family: roboto condensed;
- font-size: 10px;
- text-transform: uppercase;
- color: {color:Description};
- text-align: center;
- height: auto;
- margin: auto;
- display: block;
- margin-top: {text:Margin Top};
- {block:IfHoverDescription}opacity: 0;{/block:IfHoverDescription}
- {block:IfNotHoverDescription}opacity: 1;{/block:IfNotHoverDescription}
- webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .description a {
- color: {color:Post Links};
- }
- {block:IfHoverDescription}
- #sidebar:hover .description {
- opacity: 1;
- }
- {/block:IfHoverDescription}
- .sidelinks {
- margin-top: 20px;
- margin-bottom: 4px;
- }
- .sidelinks a {
- font-style: italic;
- color: {color:Sidebar Links};
- margin: 3px;
- }
- #entries {
- margin-top: 40px;
- font-family: roboto condensed;
- font-size: 11px;
- letter-spacing: 1px;
- width: 100%;
- background-color: {color:Post BG};
- padding: 20px;
- color: {color:Text}
- }
- #entries a {
- color: {color:Post Links};
- 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: {color:Post Links Hover};
- }
- {block:IfNotInfiniteScroll}
- #pagination {
- display: block;
- margin-top: 10px;
- text-align: center;
- margin: auto;
- margin-top: 10px;
- }
- #pagination a {
- padding: 3px;
- text-align: center;
- font-family: roboto condensed;
- font-size: 10px;
- color: {color:Pagination Link};
- background-color: {color:Pagination BG};
- }
- .current {
- margin: 0px;
- margin-left: 4px;
- }
- .current a {
- background-color: transparent;
- color: {color:Pagination Link};
- }
- .jump {
- margin: 0px;
- }
- {/block:IfNotInfiniteScroll}
- /* TEXT POST */
- .texttitle {
- font-family: roboto condensed;
- font-size: 18px;
- color: {color:Text Post Title};
- text-align: center;
- display: block;
- border-bottom: 3px double {color:Text Title Border};
- padding-bottom: 3px;
- text-transform: uppercase;
- }
- /* PHOTO POST */
- .photo img {
- width: 100%;
- }
- .photoset {
- {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:IfGrayscale}-webkit-filter: grayscale(0%);{/block:IfGrayscale}
- }
- /* CHAT POST */
- .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:Text Post Title};
- text-transform: uppercase;
- }
- .line_odd .label {
- color: {color:Chat 1};
- text-transform: uppercase;
- border-bottom: 1px dotted #AAAAAA;
- padding: 2px;
- }
- .line_even .label {
- color: {color:Chat 2};
- text-transform: uppercase;
- border-bottom: 1px dotted #AAAAAA;
- padding: 2px;
- }
- /* AUDIO POST */
- .album img {
- text-align: left;
- position: relative;
- width: 100px;
- height: 100px;
- }
- .info {
- display: inline-block;
- {block:IfNot400pxPost}width: 325px;{/block:IfNot400PxPost}
- {block:If400pxPost}width: 225px;{/block:If400pxPost}
- padding: 35px;
- {block:IfNotWhitePlayer}background-color: #000;{/block:IfNotWhitePlayer}
- {block:IfWhitePlayer}background-color: #FFF;{/block:IfWhitePlayer}
- float:right;
- position: relative;
- height: 30px;
- }
- .music {
- width: 27px;
- height: 28px;
- overflow: hidden;
- z-index: 1000;
- padding: 3px;
- margin: 15px 24px 13px 16px;
- {block:If400pxPost}margin-left: 33px;{/block:If400pxPost}
- {block:IfNot400pxPost}margin-left: 430px;{/block:IfNot400pxPost}
- opacity: 0.3;
- {block:IfNotWhitePlayer}background-color: #000;{/block:IfNotWhitePlayer}
- {block:IfWhitePlayer}background-color: #FFF;{/block:IfWhitePlayer}
- position: absolute;
- margin-top: -70px;
- 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: 1;
- }
- .track {
- text-align: center;
- display: block;
- font-family: 'euphoria script';
- font-size: 20px;
- letter-spacing: 3px;
- color: {color:Music Title};
- margin-top: -10px;
- }
- .artist {
- display: block;
- font-family: cambria;
- font-size: 8px;
- {block:IfNotWhitePlayer}color: #FFFFFF;{/block:IfNotWhitePlayer}
- {block:IfWhitePlayer}color: #202020;{block:IfWhitePlayer}
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- }
- .playcount {
- display: block;
- font-family: cambria;
- font-size: 8px;
- {block:IfNotWhitePlayer}color: #FFFFFF;{/block:IfNotWhitePlayer}
- {block:IfWhitePlayer}color: #202020;{block:IfWhitePlayer}
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- }
- /* LINK POST */
- .link h3 {
- display: block;
- text-align: center;
- font-family: euphoria script;
- font-size: 24px;
- }
- /* QUOTE POST */
- .quote {
- text-align: center;
- display: block;
- font-family: roboto condensed;
- font-size: 14px;
- text-transform: uppercase;
- color: {color:Quote};
- }
- .source {
- font-size: 10px;
- text-transform: uppercase;
- padding-top: 4px;
- border-top: 3px double {color:Source Border};
- }
- /* ANSWER POST */
- .question {
- display: block;
- padding: 10px;
- text-align: center;
- font-family: cambria;
- font-size: 10px;
- font-style: italic;
- color: {color:Question};
- background-color: transparent;
- }
- .answer {
- display: block;
- text-align: justify;
- font-size: 8px;
- text-transform: uppercase;
- }
- .asker img {
- width: 24px;
- height: 24px;
- display: block;
- text-align: center;
- margin: auto;
- padding: 10px;
- background-color: {color:Asker Image Border};
- }
- /* TAGS AND SOURCES */
- #permanotes {
- width: 100%;
- font-family: roboto condensed;
- font-size: 10px;
- color: {color:Text};
- display: block;
- position: relative;
- margin: auto;
- margin-top: 40px;
- float: left;
- line-height: 150%;
- padding-left: 5px;
- }
- #permanotes img {
- display: none;
- }
- #permanotes a {
- text-transform: uppercase;
- }
- #permanotes ol {
- padding: 0px;
- list-style-type: none;
- }
- .timestamp {
- width: 100px;
- padding: 5px;
- background-color: {color:Timestamp};
- height: auto;
- text-align: center;
- font-family: roboto condensed;
- font-size: 8px;
- letter-spacing: 1px;
- color: {color:Timestamp Text};
- text-transform: uppercase;
- display: inline-block;
- float: left;
- }
- .via img {
- display: inline-block;
- font-family: roboto condensed;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: uppercase;
- width: auto;
- float: left;
- padding: 2px;
- }
- .tags {
- margin-left: 5px;
- }
- .tags a {
- display: inline-block;
- text-align: justify;
- font-family: roboto condensed;
- font-size: 8px;
- color: {color:Tags};
- margin-right: 4px;
- text-transform: uppercase;
- line-height: 100%;
- margin-left: 4px;
- 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};
- }
- .readmore a {
- padding: 5px;
- background-color: {color:Timestamp Text};
- color: {color:Timestamp};
- text-align: center;
- width: 90px;
- font-family: roboto condensed;
- font-size: 10px;
- text-transform: uppercase;
- }
- .readmore a:hover {
- color: {color:Timestamp Text};
- background-color: {color:Timestamp};
- }
- #notecount {
- width: auto;
- height: auto;
- padding: 10px;
- background-color: transparent;
- border: 3px double {color:Source Border};
- position: absolute;
- {block:IfNot400pxPost}margin-left: 540px;{/block:IfNot400pxPost}
- {block:If400pxPost}margin-left: 440px;{/block:If400pxPost}
- text-align: center;
- }
- #notecount a {
- color: {color:Timestamp BG};
- display: block;
- text-align: center;
- }
- #notecount .notes {
- font-family: roboto condensed;
- font-size: 16px;
- }
- #notecount .reblog {
- font-family: cambria;
- font-size: 8px;
- text-transform: uppercase;
- }
- </style>
- <body>
- <div id="sidebar">
- <div class="description"><div class="title">{Title}</div>
- {Description}<br />
- <div class="sidelinks">
- <a href="/">Home</a>
- <a href="/ask">Ask</a>
- <a href="/archive">Archive</a>
- <a href="/submit">Submit</a>
- <a href="http://cremata.tumblr.com">© Theme</a>
- </div>
- </div>
- </div>
- <div id="posts">
- {block:Posts}
- <div id="entries">
- <div id="notecount">
- <a href="{Permalink}" class="notes">{block:NoteCount}{NoteCount}{/block:NoteCount}</a>
- <a href="{ReblogURL}" class="reblog">Reblog</a>
- </div>
- <div class="text">
- {block:Text}
- <div class="texttitle">{block:Title}{Title}{/block:Title}</div>
- {Body}
- {/block:Text}
- </div>
- {block:Photo}
- <center><a href="{Permalink}"><div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div></a></center>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- <div class="photoset">
- {block:Photoset}
- <center>
- {block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
- {block:If400pxPost}{Photoset-400}{/block:If400pxPost}
- </center>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- </div>
- {block:Audio}
- <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}" />{block:AlbumArt}
- <div class="info">
- <div class="track">{block:TrackName}{trackName}{/block:TrackName}</div>
- <div class="artist">{block:Artist}{Artist}{/block:Artist}</div>
- <div class="playcount">{block:PlayCount}{PlayCount}{/block:PlayCount}</div>
- </div>
- <div class="music">{block:AudioPlayer}{block:IfNotWhitePlayer}{AudioPlayerBlack}{/block:IfNotWhitePlayer}{block:IfWhitePlayer}{AudioPlayerWhite}{/block:IfWhitePlayer}{/block:AudioPlayer}</div>
- </div>
- {/block:Audio}
- {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:Link}
- <div class="link"> <a href="{URL}"><h3>{Name}</h3></a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Quote}<div class="quote"><h3>"{Quote}"</h3> <div class="source">-{Source}</div></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:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:More}
- <div class="readmore"><a href="{Permalink}">Read More</a></div>
- {/block:More}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
- {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- -->
- {/block:ContentSource}
- {block:PostNotes}
- <div id="permanotes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- <div id="postinformation">
- <div class="timestamp">{block:Date}{TimeAgo}{/block:Date}</div>
- <div class="via">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-16}"></a><a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-16}"></a>{/block:RebloggedFrom}</div>
- <div class="tags">
- {block:HasTags}
- {block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- {/block:Posts}
- </div>
- <div id="navigation">
- <a href="/"><img src="{PortraitURL-96}" /></a>
- <div class="links">
- <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="{text:Link 5 URL}">{text:Link 5}</a>
- <a href="{text:Link 6 URL}">{text:Link 6}</a>
- </div>
- {block:IfNotInfiniteScroll}
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage} <a href="{PreviousPage}">←</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}{block:CurrentPage}<a class="current" href="#">{PageNumber}</a>{/block:CurrentPage}{block:JumpPage} <a class="jump" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:IfNotInfiniteScroll}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement