Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!----------------------
- THEME #1 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>
- <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'>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script type="text/javascript">
- $("#slideshow > div:gt(0)").hide();
- setInterval(function() {
- $('#slideshow > div:first')
- .fadeOut(800)
- .next()
- .fadeIn(800)
- .end()
- .appendTo('#slideshow');
- }, 2000);
- </script>
- <!------ ATTRIBUTES ------>
- <meta name="text:Link 1 URL" content="">
- <meta name="text:Link 1" content="">
- <meta name="text:Link 2 URL" content="">
- <meta name="text:Link 2" content="">
- <meta name="text:Link 3 URL" content="">
- <meta name="text:Link 3" content="">
- <meta name="text:Link 4 URL" content="">
- <meta name="text:Link 4" content="">
- <meta name="text:Link 5 URL" content="">
- <meta name="text:Link 5" content="">
- <meta name="text:Post Link 1 URL" content="">
- <meta name="text:Post Link 1" content="">
- <meta name="text:Post Link 2 URL" content="">
- <meta name="text:Post Link 2" content="">
- <meta name="text:Post Link 3 URL" content="">
- <meta name="text:Post Link 3" content="">
- <meta name="text:Subtitle" content="">
- <meta name="color:Home Links BG" content="">
- <meta name="color:Home Links Border" content="">
- <meta name="color:Home Links Text" content="">
- <meta name="color:Home Links BG Hover" content="">
- <meta name="color:Home Links Border Hover" content="">
- <meta name="color:Home Links Text Hover" content="">
- <meta name="color:Home Nav BG" content="">
- <meta name="color:Post Link Color" content="">
- <meta name="color:Title" content="">
- <meta name="color:Subtitle" content="">
- <meta name="color:Text" content="">
- <meta name="color:Background" content="">
- <meta name="color:Post Background" content="">
- <meta name="if:More Slides" content="0">
- <meta name="image:Background" content="">
- <meta name="image:Slide 1" content="">
- <meta name="image:Slide 2" content="">
- <meta name="image:Slide 3" content="">
- <meta name="image:Slide 4" content="">
- <meta name="image:Slide 5" content="">
- <meta name="image:Slide 6" content="">
- <meta name="image:Slide 7" content="">
- </head>
- <style type="text/css">
- body {
- padding: 0;
- margin: 0;
- list-style: none;
- background-color: {color:Background};
- background-attachment: fixed;
- background-image:url('{image:Background}');
- }
- a {
- text-decoration: none;
- color: black;
- }
- ::-webkit-scrollbar-thumb:vertical {
- height:10px;
- background-color: {color:Home Links BG}; }
- ::-webkit-scrollbar-thumb:horizontal {
- height:30px;
- background-color: {color:Home Links BG}; }
- ::-webkit-scrollbar {
- height: 10px;
- width: 7px;
- border-radius: 7px;
- background-color: #505050; }
- #homepage {
- width: 100%;
- height: 100%;
- margin: auto;
- background-color: {color:Background};
- position: fixed;
- text-align: center;
- padding-top: 40px;
- }
- #slideshow {
- margin: 0px auto;
- width: 800px;
- height: 400px;
- background-color: #DDDDDD;
- padding: 30px;
- }
- #slideshow img {
- width: 800px;
- height: 400px;
- }
- #slideshow > div {
- position: absolute;
- }
- .title {
- font-family: roboto condensed;
- font-size: 36px;
- color: {color:Title};
- width: 100%;
- margin: auto;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: 2px;
- }
- .subtitle {
- font-family: cambria;
- font-size: 12px;
- color: {color:Subtitle};
- font-style: italic;
- margin: auto;
- text-align: center;
- margin-top: -10px;
- margin-bottom: 10px;
- letter-spacing: 3px;
- }
- #posts {
- width: 100%;
- height: 100%;
- background-image:url('{image:Background}');
- background-color: #FFFFFF;
- padding: 30px 0px;
- display: block;
- margin: 0;
- margin: auto;
- text-align: center;
- position: fixed;
- overflow: auto;
- margin-bottom: 60px;
- }
- .navigation {
- width: 100%;
- display: block;
- height: 80px;
- background-color: {color:Home Nav BG};
- margin-top: 30px;
- text-align: center;
- }
- .navigation a {
- background-color: {color:Home Links BG};
- color: {color:Home Links Text};
- font-family: roboto condensed;
- font-size: 24px;
- padding: 20px 30px;
- text-transform: uppercase;
- margin: 5px;
- border: 1px solid {color:Home Links Border};
- -webkit-transition: all 0.1s ease-in-out;
- -moz-transition: all 0.1s ease-in-out;
- -o-transition: all 0.1s ease-in-out;
- -ms-transition: all 0.1s ease-in-out;
- transition: all 0.1s ease-in-out;
- }
- .navigation a:hover {
- background-color: {color:Home Links BG Hover};
- border: 1px solid {color:Home Links Border Hover};
- color: {color:Home Links Text Hover};
- }
- /* START PERMALINK PAGE */
- .description {
- margin: auto;
- text-align: center;
- width: 600px;
- height: auto;
- background-color: #202020;
- font-family: cambria;
- font-size: 12px;
- color: {color:Text};
- padding: 30px;
- }
- .secondtitle {
- font-family: 'roboto condensed';
- font-size: 28px;
- color: {color:Home Links BG};
- text-align: center;
- margin-top: 5px;
- text-transform: uppercase;
- letter-spacing: 3px;
- }
- #permanav {
- width: 580px;
- padding: 15px 40px;
- background-color: #303030;
- margin: auto;
- text-align: center;
- }
- #permanav a {
- padding: 5px 10px;
- background-color: {color:Home Links BG};
- font-family: roboto condensed;
- font-size: 12px;
- color: {color:Home Links Text};
- border: 1px solid {color:Home Links Border};
- text-transform: uppercase;
- margin: 5px;
- -webkit-transition: all 0.1s ease-in-out;
- -moz-transition: all 0.1s ease-in-out;
- -o-transition: all 0.1s ease-in-out;
- -ms-transition: all 0.1s ease-in-out;
- transition: all 0.1s ease-in-out;
- }
- #permanav a:hover {
- background-color: {color:Home Links BG Hover};
- border: 1px solid {color:Home Links Border Hover};
- color: {color:Home Links Text Hover};
- }
- /* ENTRIES CODE */
- #entries {
- width: 500px;
- padding: 20px;
- margin-top: 15px;
- background-color: {color:Post Background};
- height: auto;
- position: relative;
- margin: auto;
- margin-bottom: 20px;
- text-align: left;
- font-family: cambria;
- font-size: 12px;
- color: {color:Text};
- }
- /* TEXT CODES */
- #entries h3 a {
- display: block;
- padding: 10px 20px;
- text-align: center;
- font-family: roboto condensed;
- font-size: 20px;
- color: {color:Home Links Text};
- background-color: {color:Home Links BG};
- border: 1px solid {color:Home Links Border};
- text-transform: uppercase;
- -webkit-transition: all 0.1s ease-in-out;
- -moz-transition: all 0.1s ease-in-out;
- -o-transition: all 0.1s ease-in-out;
- -ms-transition: all 0.1s ease-in-out;
- transition: all 0.1s ease-in-out;
- }
- #entries blockquote {
- margin-left: 5px;
- padding-left: 7px;
- border-left: 5px solid #303030;
- }
- #entries h3 a:hover {
- background-color: {color:Home Links BG Hover};
- border: 1px solid {color:Home Links Border Hover};
- color: {color:Home Links Text Hover};
- }
- #entries a {
- color: {color:Post Link Color};
- }
- /* QUOTE CODES */
- .quote {
- display: block;
- font-family: Euphoria Script;
- font-size: 20px;
- color: {color:Home Links BG};
- text-align: center;
- letter-spacing: 1px;
- margin-bottom: -5px;
- }
- .source {
- width: auto;
- padding-left: 20px;
- padding-right: 20px;
- display: block;
- text-align: center;
- padding-top: 5px;
- border-top: 3px double {color:Home Links BG};
- font-style: italic;
- letter-spacing: 2px;
- }
- /* LINK CODES */
- .link h3 {
- font-family: 'roboto condensed';
- font-size: 20px;
- display: block;
- padding: 10px;
- color: {color:Home Links Text};
- background-color: {color:Home Links BG};
- border: 1px solid {color:Home Links Border};
- -webkit-transition: all 0.1s ease-in-out;
- -moz-transition: all 0.1s ease-in-out;
- -o-transition: all 0.1s ease-in-out;
- -ms-transition: all 0.1s ease-in-out;
- transition: all 0.1s ease-in-out;
- text-align: center;
- }
- .link h3:hover {
- background-color: {color:Home Links BG Hover};
- border: 1px solid {color:Home Links Border Hover};
- color: {color:Home Links Text Hover};
- }
- /* CHAT CODES */
- .chat .convo li {
- list-style: none;
- text-align: justify;
- }
- .chat h2 {
- font-family: 'roboto condensed';
- font-size: 20px;
- text-align: center;
- display: block;
- color: {color:Home Link BG};
- text-transform: uppercase;
- }
- .line_odd .label {
- {color:Home Links BG};
- }
- .line_even .label {
- color: {color:Home Links BG Hover};
- }
- /* AUDIO CODES */
- .album img {
- text-align: left;
- position: relative;
- width: 100px;
- height: 100px;
- }
- .info {
- display: inline-block;
- width: 325px;
- padding: 35px;
- background-color: #000;
- float:left;
- position: relative;
- height: 30px;
- }
- .music {
- width: 20px;
- height: 30px;
- overflow: hidden;
- z-index: 1000;
- margin: 15px 24px 13px 16px;
- background-color: #000;
- position: absolute;
- margin-top: -67px;
- }
- .track {
- text-align: center;
- display: block;
- font-family: 'euphoria script';
- font-size: 20px;
- letter-spacing: 3px;
- color: {color:Home Links BG};
- margin-top: -10px;
- }
- .artist {
- display: block;
- font-family: cambria;
- font-size: 8px;
- color: #FFFFFF;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- }
- .playcount {
- display: block;
- font-family: cambria;
- font-size: 8px;
- color: #FFFFFF;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- }
- /* ASK CODES */
- .question {
- display: block;
- padding: 10px;
- text-align: center;
- font-family: cambria;
- font-size: 12px;
- font-style: italic;
- color: #FFFFFF;
- background-color: #202020;
- }
- .answer {
- display: block;
- text-align: justify;
- font-size: 10px;
- text-transform: uppercase;
- }
- .asker img {
- width: 24px;
- height: 24px;
- display: block;
- text-align: center;
- margin: auto;
- padding: 10px;
- background-color: #EEEEEE;
- }
- /* POST INFO CODES */
- #postinfo {
- display: block;
- padding: 15px;
- background-color: #101010;
- text-align: center;
- font-family: cambria;
- font-size: 10px;
- text-transform: uppercase;
- color: #FFFFFF;
- margin-top: 10px;
- }
- #postinfo a {
- color: {color:Home Link BG Hover};
- }
- .notes {
- display: block;
- }
- .tags a {
- margin: 0px 5px 0px 0px;
- text-transform: lowercase;
- font-style: italic;
- }
- .permanotes {
- width: 500px;
- margin: auto;
- padding: 5px;
- font-family: cambria;
- font-size: 10px;
- color: {color:Text};
- }
- ol.permanotes {
- padding: 0px;
- margin: 15px 0px;
- list-style:none;
- }
- .reblogbutton {
- display: block;
- text-align: center;
- }
- </style>
- <body>
- {block:IndexPage}
- <div id="homepage">
- <div class="title">{Title}</div>
- <div class="subtitle">{text:Subtitle}</div>
- <div id="slideshow">
- <div>
- <!----- SLIDESHOW IMAGE (800x400) ---->
- <img src="{image:Slide 1}" />
- </div>
- <div>
- <!----- SLIDESHOW IMAGE (800x400) ---->
- <img src="{image:Slide 2}" />
- </div>
- <div>
- <!----- SLIDESHOW IMAGE (800x400) ---->
- <img src="{image:Slide 3}" />
- </div>
- <div>
- <!----- SLIDESHOW IMAGE (800x400) ---->
- <img src="{image:Slide 4}" />
- </div>
- {block:IfMoreSlides}
- <div>
- <!----- SLIDESHOW IMAGE (800x400) ---->
- <img src="{image:Slide 5}" />
- </div>
- <div>
- <!----- SLIDESHOW IMAGE (800x400) ---->
- <img src="{image:Slide 6}" />
- </div>
- <div>
- <!----- SLIDESHOW IMAGE (800x400) ---->
- <img src="{image:Slide 7}" />
- </div>
- {/block:IfMoreSlides}
- </div>
- <div class="navigation">
- <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>
- </div>
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="posts">
- <div class="description">
- {Description}
- <div class="secondtitle">{Title}</div>
- </div>
- <div id="permanav">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">◀</a>{/block:PreviousPage}{/block:Pagination}
- <a href="/">Home</a>
- <a href="/ask">Ask</a>
- <a href="{text:Post Link 1 URL}">{text:Post Link 1}</a>
- <a href="{text:Post Link 2 URL}">{text:Post Link 2}</a>
- <a href="{text:Post Link 3 URL}">{text:Post Link 3}</a>
- <a href="http://olympianthemes.tumblr.com">Credit</a>
- {block:Pagination}{block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}{/block:Pagination}
- </div>
- {block:Posts}
- <div id="entries">
- {block:Text}
- {block:Title}<h3>{Title}{/block:Title}</h3>{Body}{/block:Text}
- {/block:Text}
- {block:Quote}<h3>"{Quote}"</h3> -{Source}{/block:Quote}
- {block:Link}
- <div class="link"> <a href="{URL}"><h3>{Name}</h3></a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Photo}
- <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></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">
- {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: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}{AudioPlayerBlack}{/block:AudioPlayer}</div>
- </div>
- {/block:Audio}
- {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}
- <div id="postinfo">
- <div class="notes">Notes Received: <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
- <div class="date">
- {block:Date}{Month} {DayOfMonthWithZero}, {TimeAgo}{/block:Date}
- </div>
- <div class="reblogs">
- {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} || {block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}
- </div>
- <div class="reblogbutton"><a href="{ReblogURL}">Reblog</a></div>
- </div>
- {block:PostNotes}
- <div class="permanotes">{PostNotes}</div>
- {block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- {/block:PermalinkPage}
- {block:TagPage}
- <div id="posts">
- <div class="description">
- {Description}
- <div class="secondtitle">{Title}</div>
- </div>
- <div id="permanav">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">◀</a>{/block:PreviousPage}{/block:Pagination}
- <a href="/">Home</a>
- <a href="/ask">Ask</a>
- <a href="{text:Post Link 1 URL}">{text:Post Link 1}</a>
- <a href="{text:Post Link 2 URL}">{text:Post Link 2}</a>
- <a href="{text:Post Link 3 URL}">{text:Post Link 3}</a>
- <a href="http://cremata.tumblr.com">Credit</a>
- {block:Pagination}{block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}{/block:Pagination}
- </div>
- {block:Posts}
- <div id="entries">
- {block:Text}
- {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}{Body}{/block:Text}
- {/block:Text}
- {block:Quote}<div class="quote"><h3>"{Quote}"</h3></div> <div class="source">{Source}</div>
- {/block:Quote}
- {block:Link}
- <div class="link"> <a href="{URL}"><h3>{Name}</h3></a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Photo}
- <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></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">
- {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: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">Plays: {block:PlayCount}{PlayCount}{/block:PlayCount}</div>
- </div>
- <div class="music">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>
- </div>
- {/block:Audio}
- {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}
- <div id="postinfo">
- <div class="notes">Notes Received: <a href="{Permalink}">{block:NoteCount}{NoteCount}{/block:NoteCount}</a></div>
- <div class="date">
- {block:Date}{Month} {DayOfMonthWithZero}, {TimeAgo}{/block:Date}
- </div>
- <div class="reblogs">
- {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} || {block:ContentSource}<a href="{SourceURL}">Source</a>{/block:ContentSource}
- </div>
- <div class="tags">
- {block:HasTags}Tags: {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- <div class="reblogbutton"><a href="{ReblogURL}">Reblog</a></div>
- </div>
- </div>
- {/block:Posts}
- </div>
- {/block:TagPage}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement