Psst.. new poll here.
Psst.. new forums here.
Microsoft is blocking us again (TY IP Reputation!) so just use oauth login instead. :)
Paste
Pasted as Plain Text by Cein ( 11 years ago )
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<!-- Wheeeeeeee -->
<meta http-equiv="Content-Type" c>
<title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PostSummary} ({PostSummary}){/block:PostSummary}</title>
<meta name="description" c />
<meta name="image:Background" c>
<meta name="image:Header BG" c>
<meta name="Description" c />
<meta name="color:Border" c>
<meta name="color:Main BG" c>
<meta name="text:Tag Line" c />
<meta name="if:Show Tutorial" c />
<meta name="if:Show Description Box" c />
<meta name="if:Menu In Nav" c />
<meta name="text:Menu URL" c />
<link rel="shortcut icon" href="{Favicon}" />
<style type="text/css">
body {
color:{Titlecolor};
font-family: "Segoe UI Emoji", "Trebuchet MS", Helvetica, sans-serif;
font-size:1em;
background:{color:Main BG} url('{image:Background}');
}
p {
text-indent:1em;
text-align:justify;
}
blockquote {
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 1em;
-webkit-margin-end: 0em;
}
img {
max-width:100%;
height:auto;
margin: 0 auto;
}
a {
color:{TitleColor};
text-decoration:none;
font-family: "Segoe UI Emoji", "Trebuchet MS", Helvetica, sans-serif;
font-size:1em;
}
a:hover {text-decoration:line-through;}
#sidebar {
background-color:{color:Main BG};
font-weight:bold;
position:fixed;
width:540px;
height:35px;
overflow:hidden;
bottom:0px;
left:0px;
z-index:1;
border-top: {color:border} solid 2px;
}
.avatar {
display:inline;
float:left;
}
#avgrab {
position:absolute;
top:0px;
left:10px;
}
.title {
font-family: {TitleFont}, "Trebuchet MS", Helvetica, sans-serif;
color: {TitleColor};
font-size: 1em;
text-align:center;
}
#sidebar a {
display:block;
float:left;
color: {TitleColor};
text-align:center;
height:35px;
}
#sidebar a:visited {
color:{TitleColor};
}
#sidebar a:hover {
color:{color:border};
}
#content {
display:block;
font-size:1em;
color:{Titlecolor};
font-family: "Segoe UI Emoji", "Trebuchet MS", Helvetica, sans-serif;
border-right:2px solid {color:border};
position:absolute;
{block:ifnotShowDescriptionBox}
width:540px;
{/block:ifnotShowDescriptionBox}
{block:ifShowDescriptionBox}
width:810px;
{/block:ifShowDescriptionBox}
top:0px;
left:0px;
}
{block:ifShowDescriptionBox}
#description {
position:absolute;
top:64px;
left:540px;
padding:10px;
width:250px;
}
{/block:ifShowDescriptionBox}
#postscroll{
padding-top:72px;
padding-bottom:45px;
margin-left:10px;
{block:ifShowDescriptionBox}
width:530px;
border-right:2px solid {color:border};
{/block:ifShowDescriptionBox}
}
#header {
background: {AccentColor} url('{image:Header BG}');
font-size:1em;
color:{TitleColor};
font-family: {TitleFont}, "Trebuchet MS", Helvetica, sans-serif;
text-align:center;
top:0px;
left:0px;
position:fixed;
{block:ifnotShowDescriptionBox}
width:540px;
{/block:ifnotShowDescriptionBox}
{block:ifShowDescriptionBox}
width:810px;
{/block:ifShowDescriptionBox}
height:64px;
border-bottom:2px solid {color:border};
border-right:2px solid {color:border};
z-index:3;
}
#header a {
font-family: {TitleFont}, "Trebuchet MS", Helvetica, sans-serif;
}
.postwrap {}
.posts {
background:{BackgroundColor};
width:500px;
padding:10px;
border:1px solid {color:border};
margin-top:10px;
margin-bottom:10px;
text-align:justify;
}
.posthead {
background:{color:Main BG};
font-weight:bold;
text-align:center;
}
.photo .posthead {display:none;}
.postcontent {}
.postcomment {
max-width:100%;
overflow:hidden;
padding:1em;
}
.postcomment ul li {
max-width:100%;
margin:1em;
border-bottom:1px dashed {color:border};
}
.postcomment blockquote {
max-width:100%;
padding-left:1em;
border-left: 1px solid {TitleColor};
}
.postcomment a, #description a {border-bottom:1px dashed {color:border};}
.postcomment li, .postcomment blockquote {text-align:justify;}
.line {
border-bottom:1px solid {color:Main BG};
text-align:left;
}
.question {width:100%;
background: {AccentColor};
color: {color:sidetext};
text-align:center;
}
.postfoot {
width:100%;
text-align:right;
background:{AccentColor};
padding-right:5px;
}
.chat .postfoot {border:0px;}
#maybe {
}
.big {font-size:1.5em;}
{CustomCSS}
</style>
<!-- Begin Borrowed Code. This portion of coding adapted from free-for-use code available at one-div.com and is used in the navigation. -->
<style type="text/css">
.arrowright {
background: {Titlecolor};
font-size: 12px;
position: relative;
width: 1em;
height: 1em;
}
.arrowright::before {
bottom: -0.666em;
left: 0.8em;
position: absolute;
border-left: 1.2em solid {Titlecolor};
border-top: 1.2em solid rgba(44, 44, 44, 0);
border-bottom: 1.2em solid rgba(44, 44, 44, 0);
content: "";
}
.arrowleft {
background: {Titlecolor};
font-size: 12px;
position: relative;
width: 1em;
height: 1em;
}
.arrowleft::before {
bottom: -0.66666666em;
right: 0.8em;
position: absolute;
border-right: 1.2em solid {Titlecolor};
border-top: 1.2em solid rgba(44, 44, 44, 0);
border-bottom: 1.2em solid rgba(44, 44, 44, 0);
content: "";
}
.arrowup {
background: {Titlecolor};
font-size: 12px;
position: relative;
width: 1em;
height: 1em;
margin-top: 1em;
}
.arrowup::before {
bottom: 0.8em;
left: -0.666em;
position: absolute;
border-left: 1.2em solid rgba(44, 44, 44, 0);
border-right: 1.2em solid rgba(44, 44, 44, 0);
border-bottom: 1em solid {Titlecolor};
content: "";
}
.download{
width: 1.500em;
height: 0.500em;
border: 0.250em solid {Titlecolor};
border-top: none;
position: absolute;
bottom: 0.188em;
position: relative;
margin-top:1em;
}
.download:before{
content: '';
position: absolute;
width: 0.438em;
height: 0.625em;
background: {Titlecolor};
top: -0.875em;
left: 0.563em;
}
.download:after{
width: 0em;
height: 0em;
content: '';
position: absolute;
border-style: solid;
border-color: {Titlecolor} transparent transparent transparent;
border-width: 0.500em;
left: 0.250em;
top: -0.250em;
}
.hamburger {
position: relative;
font-size: 10px;
width: 3.3em;
height: 3.3em;
background: {Titlecolor};
border-radius: 0.3em; }
.hamburger:before {
border-top: 0.3em solid {color:border};
content: "";
position: absolute;
width: 1.9em;
height: 1em;
margin: auto;
border-bottom: 0.3em solid {color:border};
top: 1em;
left: 0.7em;
border-radius:0.1em}
.hamburger:after {
display: block;
content: "";
position: absolute;
top: 1.6em;
width: 1.9em;
height: 0.3em;
background: {color:border};
left: 0.7em;
border-radius:0.1em
}
.mail{
font-size:12px;
display:block;
position:relative;
border-top:1em solid transparent;
border-left:1.5em solid {Titlecolor};
border-right:1.5em solid {Titlecolor};
border-bottom:1em solid {Titlecolor};
height:0;
width:0;
}
.mail:before{
content: '';
top: -1.23em;
left: -1.5em;
display: block;
position: absolute;
border-top: 1em solid {Titlecolor};
border-left: 1.5em solid transparent;
border-right: 1.5em solid transparent;
border-bottom: 1em solid transparent;
font-size: 0.8em;
}
.upload{
width: 1.500em;
height: 0.500em;
border: 0.250em solid {Titlecolor};
border-top: none;
position: absolute;
bottom: 0.188em;
position: relative;
margin-top:1em;
}
.upload:before{
content: '';
position: absolute;
width: 0.438em;
height: 0.625em;
background: {Titlecolor};
top: -0.4em;
left: 0.563em;
}
.upload:after{
width: 0em;
height: 0em;
content: '';
position: absolute;
border-style: solid;
border-color: transparent transparent {Titlecolor} transparent;
border-width: 0.500em;
left: 0.250em;
top: -1.4em;
}
.fix1 {
position:relative;
bottom:-10px;
}
.fix2 {
width:25px;
}
.fix3 {
position:relative;
bottom:-5px;
}
.fix4 {
padding-left:5px;
}
.fix5 {
padding-right:5px;
}
.fix6 {
padding-left:15px;
}
</style>
</head>
<body>
<div id="header">
<img src="{PortraitURL-64}" id="avgrab">
<a href="/" class="big"> {title}</a><br>
({text:tag line})
</div>
"if:Show Tutorial" c />
{block:ifShowDescriptionBox}
<div id="description">
{description}
{block:HasPages}
<ol>
{block:Pages}<li><a href="{URL}">{Label}</a>{/block:Pages}
</ol>
{/block:HasPages}
{block:ifshowtutorial}
<p>Hello there!
<p>This is the first theme I've made that I'm actually releasing to the public. It is pretty customizable and does not use any images except those that you provide, so you don't have to worry about images getting deleted or changing URLs and making your theme ugly. Even the navigation links on the bottom have been coded with CSS, courtesy of <a href="one-div.com">One-Div.Com</a>!
<p>I wanted to give a quick bit of advice for the menu link on the bottom if you chose to use that instead of making links in your description box. With the way I have the theme set up, you will want to enter the URL of your menu/about page <b>without</b> the domain bit. So if you want your link to go to "queer-normative.tumblr.com/about", only type "about" in the box. This way, if you change URLs, your link will be updated automatically and you don't have to change it! =) If this is not how you'd like to do that, just edit your theme HTML and scroll down a little below this tutorial and delete the "/" before "text:menu url" in curly brackets {}.
<p>Personally, I think with this theme, making a Private Post that contains all your about information, and then linking to that would be the smoothest way to make any about pages. But if you feel comfortable, feel free to pick through the code and make your page your way.
<p>This theme should resize nicely to any size screen, but if you have any issues, feel free to <a href="queer-normative.tumblr.com/ask">shoot me an ask</a>!
{block:ifshowtutorial}
</div>
{/block:ifShowDescriptionBox}
<div id="sidebar">
<a href="/" title="home" class="fix2 fix3 fix5 fix6"><center><div class="arrowup"></div></center></a>
{block:ifMenuInNav}<a href="/{text:menu url}" title="menu" class="fix5"><center><div class="hamburger"></div></center></a>{/block:ifMenuInNav}
{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="back" class="fix1 fix2 fix4"><center><div class="arrowleft"></div></center></a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" title="next" class="fix1 fix2 fix5"><center><div class="arrowright"></div></center></a>{/block:NextPage}{/block:Pagination}
{block:AskEnabled}<a href="/ask" title="{AskLabel}" class="fix3 fix4"><center><div class="mail"></div></center></a>{/block:AskEnabled}
{block:SubmissionsEnabled}<a href="/submit" title="{SubmitLabel}" class="fix3 fix4"><center><div class="upload"> </div></center></a>{/block:SubmissionsEnabled}
<!-- Do not remove this link please! -->
<a href="http://queer-normative.tumblr.com/tagged/my themes" title="Theme by Queer-Normative" class="fix3 fix4"><center><div class="download"> </div></center></a>
</div>
<div id="content">
<div id="postscroll">
{block:Posts inlineMediaWidth="500"}
<div class="postwrap"><div class="posts {PostType} {TagsAsClasses}">
<!-- Head -->
<div class="posthead">{block:Title}
{Title}
{/block:Title}
{block:Quote}
{Quote}
{/block:Quote}
{block:Link}
<a href="{URL}" target="{Target}">{Name}</a>
{/block:Link}</div>
<!-- Content -->
<div class="postcontent">
{block:Audio}
{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
{/block:Audio}
{block:Video}{VideoEmbed-500}{/block:Video}
{block:Photo}<img src="{PhotoURL-500}" title="{PhotoAlt}">{/block:Photo}
{block:Photoset}{Photoset-500}{/block:Photoset}
{block:Panorama}
{LinkOpenTag}<img src="{PhotoURL-Panorama}"><br>
{PhotoAlt}{LinkCloseTag}
{/block:Panorama}
</div>
<!-- Caption -->
<div class="postcomment">
{block:Text}{Body}{/block:Text}
{block:Chat}{block:Lines}<div class="line">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
{block:Answer}<div class="question"><b>{Asker} said: </b>{Question}<hr>
{block:Answerer}{Answer}{/block:Answerer}
</div>
{Replies}{/block:Answer}
{block:Quote}{block:Source}{Source}{/block:Source}{/block:Quote}
{block:Link} {block:Description}{Description}{/block:Description}{/block:Link}
{block:Caption}{Caption}{/block:Caption}
</div>
<div class="postfoot">
{block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}_</a> {/block:Tags} {/block:HasTags}{block:IndexPage}| <a href="{Permalink}" title="permalink">Permalink</a>{/block:IndexPage}
</div>
</div></div>
{/block:Posts}
</div></div></div></body>
</html>
Revise this Paste