Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!--<link href="http://mad-pixels.net/extra/tthemescss/dejavu.css" rel="stylesheet" type="text/css"/>
- <link href="dejavu.css" rel="stylesheet" type="text/css"/>-->
- <link href='http://fonts.googleapis.com/css?family=Wallpoet|Allerta+Stencil' rel='stylesheet' type='text/css'>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <!--default variables-->
- <meta name="color:bgborder" content="#752521" />
- <meta name="color:contentbg" content="#812821" />
- <meta name="color:altfont" content="#6f6854" />
- <meta name="color:askbox" content="#3d0a07" />
- <meta name="color:footerbg" content="#671f1b" />
- <meta name="image:RightBackground" content="http://25.media.tumblr.com/ed843233598e894bce7f7adb216a85d0/tumblr_mhf812aqPX1r0j2u4o6_250.gif" />
- <meta name="image:MainCircleTop" content="http://mad-pixels.net/extra/tthemescss/large01.gif" />
- <meta name="image:MainCircleBottom" content="http://mad-pixels.net/extra/tthemescss/large02.gif" />
- <meta name="image:navI" content="http://25.media.tumblr.com/tumblr_m6j9ielsc61r0j2u4o1_250.gif" />
- <meta name="image:navII" content="http://24.media.tumblr.com/tumblr_m6j7v0yOp81r0j2u4o4_250.gif" />
- <meta name="image:navIII" content="http://24.media.tumblr.com/tumblr_m6j9ielsc61r0j2u4o3_250.gif" />
- <meta name="image:navIV" content="http://24.media.tumblr.com/tumblr_m6j3edwt7h1r0j2u4o2_250.gif" />
- <meta name="image:navV" content="http://25.media.tumblr.com/tumblr_m6j9ielsc61r0j2u4o6_250.gif" />
- <meta name="text:positionmaincircle" content="0px" />
- <meta name="text:positionmaincirclebottom" content="0px" />
- <meta name="text:positionnavI" content="-80px -25px" />
- <meta name="text:positionnavII" content="-80px -25px" />
- <meta name="text:positionnavIII" content="-80px -25px" />
- <meta name="text:positionnavIV" content="-95px -25px" />
- <meta name="text:positionnavV" content="-100px -25px" />
- <meta name="text:link1url" content="/tags" />
- <meta name="text:link1title" content="Tags" />
- <meta name="text:link2url" content="/links" />
- <meta name="text:link2title" content="Links" />
- <style type="text/css">
- /* google font family
- font-family: 'Codystar', cursive;
- font-family: 'Sirin Stencil', cursive;
- font-family: 'Wallpoet', cursive;
- font-family: 'Fredericka the Great', cursive;
- font-family: 'Allerta Stencil', sans-serif;
- */
- body{
- padding-top:20px;
- background:#000;
- }
- h1,h2,h3{
- font-family: 'Wallpoet', cursive;
- }
- a{
- color:#fff;
- text-decoration:none;
- transition: color 1s;
- -moz-transition:color 1s;
- -webkit-transition:color 1s;
- -o-transition:color 1s;
- }
- #content a:hover{
- color:{color:altfont};
- }
- .ptext h1,h2,h3{
- text-align:center;
- }
- .ptext li {
- text-align:center;
- width:400px;
- background:{color:bgborder};
- font-family: 'Wallpoet', cursive;
- margin-bottom:5px;
- }
- .ptext a{
- display:block;
- }
- .ptext a:hover{
- color:{color:altfont} !important;
- background:{color:askbox};
- transition: background 1s;
- -moz-transition:background 1s;
- -webkit-transition:background 1s;
- -o-transition:background 1s;
- }
- .access{
- visibility:hidden;
- }
- #rightbg{
- float:right;
- width:250px;
- height:100%;
- z-index:-2;
- background:#fff;
- background-image:url('{image:RightBackground}');
- position:fixed;
- right:0px;
- top:0px;
- border-left:solid 5px {color:bgborder};
- }
- #sidebar{
- position:fixed;
- }
- .barimage{
- width:315px;
- height:315px;
- background:rgba(140,175,130,0);
- background-image:url('{image:MainCircleTop}');
- background-position:{text:positionmaincircle};
- border-radius: 315px;
- -moz-border-radius:315px;
- -webkit-border-radius:315px;
- transition: opacity 1s;
- -moz-transition:opacity 1s;
- -webkit-transition:opacity 1s;
- -o-transition:opacity 1s;
- }
- .barimage:hover{
- opacity:0;
- }
- .barimage2{
- z-index:-1;
- width:315px;
- height:315px;
- background:rgba(140,175,130,0);
- background-image:url('{image:MainCircleBottom}');
- background-position:{text:positionmaincirclebottom};
- border-radius: 315px;
- -moz-border-radius:315px;
- -webkit-border-radius:315px;
- border-style:solid;
- border-width:5px;
- border-color:{color:bgborder};
- }
- ul{
- list-style-type:none;
- }
- .nav {
- padding-left:10px;
- font-family: 'Wallpoet', cursive;
- }
- .I{
- z-index:2;
- position:absolute;
- margin-left:200px;
- margin-top:-20px;
- text-align:center;
- line-height:72px;
- display:block;
- text-transform:uppercase;
- font-size:9px;
- width:72px;
- height:72px;
- background-image:url('{image:navI}');
- background-position:{text:positionnavI};
- border-radius: 76px;
- -moz-border-radius:76px;
- -webkit-border-radius:76px
- transition:1s;
- -moz-transition:1s;
- -webkit-transition:1s;
- -o-transition:1s;
- border-style:solid;
- border-width:4px;
- border-color:rgba(0,0,0,0);
- }
- .I:hover{
- border-color:{color:bgborder};
- }
- .II{
- z-index:2;
- position:absolute;
- margin-left:262px;
- margin-top:42px;
- text-align:center;
- line-height:72px;
- display:block;
- text-transform:uppercase;
- font-size:9px;
- width:72px;
- height:72px;
- background-image:url('{image:navII}');
- background-position:{text:positionnavII};
- border-radius: 76px;
- -moz-border-radius:76px;
- -webkit-border-radius:76px;
- transition:1s;
- -moz-transition:1s;
- -webkit-transition:1s;
- -o-transition:1s;
- border-style:solid;
- border-width:4px;
- border-color:rgba(0,0,0,0);
- }
- .II:hover{
- border-color:{color:bgborder};
- }
- .III{
- z-index:2;
- position:absolute;
- margin-left:286px;
- margin-top:112px;
- text-align:center;
- line-height:72px;
- display:block;
- text-transform:uppercase;
- font-size:9px;
- width:72px;
- height:72px;
- background-image:url('{image:navIII}');
- background-position:{text:positionnavIII};
- border-radius: 76px;
- -moz-border-radius:76px;
- -webkit-border-radius:76px;
- transition:1s;
- -moz-transition:1s;
- -webkit-transition:1s;
- -o-transition:1s;
- border-style:solid;
- border-width:4px;
- border-color:rgba(0,0,0,0);
- }
- .III:hover{
- border-color:{color:bgborder};
- }
- .IV{
- z-index:2;
- position:absolute;
- margin-left:262px;
- margin-top:198px;
- text-align:center;
- line-height:72px;
- display:block;
- text-transform:uppercase;
- font-size:9px;
- width:72px;
- height:72px;
- background-image:url('{image:navIV}');
- background-position:{text:positionnavIV};
- border-radius: 76px;
- -moz-border-radius:76px;
- -webkit-border-radius:76px;
- transition:1s;
- -moz-transition:1s;
- -webkit-transition:1s;
- -o-transition:1s;
- border-style:solid;
- border-width:4px;
- border-color:rgba(0,0,0,0);
- }
- .IV:hover{
- border-color:{color:bgborder};
- }
- .V{
- z-index:2;
- position:absolute;
- margin-left:200px;
- margin-top:260px;
- text-align:center;
- line-height:72px;
- display:block;
- text-transform:uppercase;
- font-size:9px;
- width:72px;
- height:72px;
- background-image:url('{image:navV}');
- background-position:{text:positionnavV};
- border-radius: 76px;
- -moz-border-radius:76px;
- -webkit-border-radius:76px;
- transition:1s;
- -moz-transition:1s;
- -webkit-transition:1s;
- -o-transition:1s;
- border-style:solid;
- border-width:4px;
- border-color:rgba(0,0,0,0);
- }
- .V:hover{
- border-color:{color:bgborder};
- }
- .pgnav{
- margin-left:140px;
- width:50px;
- font-family:times new roman;
- font-size:25px;
- font-family: 'Allerta Stencil', sans-serif;
- }
- .prvpg{
- float:left;
- }
- .prvpg:hover{
- color:{color:bgborder};
- }
- .nxtpg{
- float:right;
- }
- .nxtpg:hover{
- color:{color:bgborder}
- }
- .about h1{
- width:315px;
- text-align:center;
- text-transform:uppercase;
- padding-top:15px;
- font-family: 'Wallpoet', cursive;
- color:#fff;
- }
- #description{
- font-family:courier;
- font-size:12px;
- margin-left:10px;
- margin-top:-20px;
- text-align:center;
- width:305px;
- color:#fff;
- }
- #content{
- position:absolute;
- float:left;
- z-index:1;
- width:500px;
- padding-left:5px;
- padding-right:5px;
- margin-left:390px;
- margin-top:-30px;
- padding-top:30px;
- background:{color:contentbg};
- }
- #posts{
- width:500px;
- }
- #posts p{
- font-size:12px;
- }
- #posts h3{
- font-family: 'Wallpoet', cursive;
- font-size:16px;
- }
- /*.ptext {
- border-top:solid 4px;
- }*/
- li.post{
- list-style-type:none;
- width:500px;
- margin-left:-40px;
- padding-bottom:10px;
- margin-top:-10px;}
- li.post.photo img{
- position:relative;
- margin:0 auto;
- }
- .postfooter{
- padding-left:5px;
- background: {color:footerbg};
- }
- .postfooter img{
- float:right;
- padding-left:5px;
- }
- .postfooter a{
- line-height:24px;
- text-transform:uppercase;
- text-decoration:none;
- color:{color:altfont};
- padding-left:1px;
- font-size:9px;
- }
- .postfooter a:hover{
- color:{color:askbox};
- }
- .permbutt{
- z-index:-1;
- position:relative;
- margin-left:495px;
- margin-top:-10px;
- margin-bottom:-20px;
- width:70px;
- min-height:16px;
- padding-right:5px;
- padding-left:10px;
- padding-bottom:1px;
- border-radius: 10px;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- font-family: 'Wallpoet', cursive;
- font-size:12px;
- background:{color:contentbg};
- }
- .permbutt p{
- margin:0px;
- text-align:right;
- }
- ol.notes{
- list-style-type:none;
- margin-left:-75px;
- width:500px;
- }
- .asked{
- z-index:1;
- margin-top:10px;
- padding-top:10px;
- padding-right:10px;
- width:40px;
- position:relative;
- float:left;
- }
- .asked img{
- border-radius: 40px;
- -moz-border-radius:40px;
- -webkit-border-radius:40px;;
- }
- .answered{
- padding-top:17px;
- padding-left:6px;
- position:relative;
- width:480px;
- }
- .asker{
- text-transform:uppercase;
- text-decoration:none;
- }
- .ask{
- padding-top:5px;
- color:#fff;
- }
- .question{
- padding-left:70px;
- padding-bottom:5px;
- }
- .ask h3{
- font-size:12px;
- }
- .box h3{
- text-align:left;
- font-size:12px !important;
- color:{color:altfont};
- }
- .box{
- margin-top:10px;
- z-index:0;
- background: {color:askbox};
- }
- .chat ul{
- font-family: 'Wallpoet', cursive;
- width:420px;
- list-style-type:none;
- }
- .label{
- text-transform:uppercase;
- font-size:15px;
- font-weight:bold;
- }
- .chat{
- padding-bottom:10px;
- }
- .chat .odd{
- background:rgba(0,0,0,0.2);
- }
- ol .notes li {
- width:490px;
- border:solid 1px;
- background:rgba(0,0,0,0.2);
- }
- .tumblrbtns{
- z-index:3;
- position:absolute;
- margin-bottom:-30px;
- margin-top:15px;
- }
- .likebtn{
- position:relative;
- padding-top:5px;
- margin-left:542px;
- }
- .reblogbtn{
- position:relative;
- margin-left:560px;
- margin-top:-19px;
- }
- .asklikebtn{
- position:relative;
- margin-left:560px;
- padding-top:5px;
- }
- .link{
- font-family: 'Wallpoet', cursive;
- }
- </style>
- </head>
- <body>
- <div id="rightbg"><a class="access" href="#content">Jump to content </a></div>
- <div id="sidebar">
- <div class="nav">
- <a class="I" href="/">Home</a>
- <a class="II" href="/ask">Message</a><
- <a class="III" href="/archive">Archive</a>
- <a class="IV" href="{text:link1url}">{text:link1title}</a>
- <a class="V" href="{text:link2url}"> {text:link2title} </a>
- <div class="barimage2"><div class="barimage"></div> </div>
- </div>
- <div class="pgnav">
- {block:PreviousPage}
- <a class="prvpg" href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a class="nxtpg" href="{NextPage}">»</a>
- {/block:NextPage}
- </div>
- <div class="about"><h1>{Title}</h1>
- {block:Description}
- <p id="description">{Description}</p>
- {/block:Description}
- </div>
- </div>
- <div id="content">
- <ol id="posts">
- {block:Posts}
- {block:Answer}
- <li class="post answer">
- {block:Date}
- <div class="permbutt">
- <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <div class="tumblrbtns"><div class="asklikebtn">{LikeButton size="15"}</div></div>
- <div class="asked"><img src="{AskerPortraitURL-40}"/> </div> <div class="answered"> <div class="box"><h3><div class="ask">{Asker} said:</div><div class="question">{Question}</div> </h3></div>
- <p>{Answer}</p> </div>
- <div class="postfooter">
- {block:Tags} <a href="{TagURL}"> {Tag} </a>{/block:Tags}
- </div>{/block:Answer}
- </li>
- {block:Text}
- <li class="post text">
- {block:Date}
- <div class="permbutt">
- <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <div class="ptext">{Body} </div>
- <div class="postfooter">
- {block:Tags} <a href="{TagURL}"> {Tag} </a>{/block:Tags}
- {block:RebloggedFrom}
- <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" alt="{ReblogRootName}"/></a>
- <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" alt="{ReblogParentName}"/></a>
- {/block:RebloggedFrom}</div>
- {/block:Text}
- </li>
- {block:Photo}
- <li class="post photo">
- {block:Date}
- <div class="permbutt">
- <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> {block:HighRes} {/block:HighRes}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="postfooter">
- {block:Tags} <a href="{TagURL}"> {Tag} </a>{/block:Tags}
- {block:RebloggedFrom}
- <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" alt="{ReblogRootName}"/></a>
- <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" alt="{ReblogParentName}"/></a>
- {/block:RebloggedFrom}</div>
- </li>
- {/block:Photo}
- {block:Photoset}
- <li class="post photoset">
- {block:Date}
- <div class="permbutt">
- <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
- {Photoset-500}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="postfooter">
- {block:Tags} <a href="{TagURL}"> {Tag} </a>{/block:Tags}
- {block:RebloggedFrom}
- <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" alt="{ReblogRootName}"/></a>
- <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" alt="{ReblogParentName}"/></a>
- {/block:RebloggedFrom}</div>
- </li>
- {/block:Photoset}
- {block:Quote}
- <li class="post quote">
- {block:Date}
- <div class="permbutt">
- <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- "{Quote}"
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- <div class="postfooter">
- </li>
- {/block:Quote}
- {block:Link}
- <li class="post link">
- {block:Date}
- <div class="permbutt">
- <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- <div class="postfooter">
- </li>
- {/block:Link}
- {block:Chat}
- <li class="post chat">
- {block:Date}
- <div class="permbutt">
- <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- <div class="postfooter">
- {block:Tags} <a href="{TagURL}"> {Tag} </a>{/block:Tags}
- {block:RebloggedFrom}
- <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" alt="{ReblogRootName}"/></a>
- <a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" alt="{ReblogParentName}"/></a>
- {/block:RebloggedFrom}</div>
- </li>
- {/block:Chat}
- {block:Video}
- <li class="post video">
- {block:Date}
- <div class="permbutt">
- <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
- {Video-500}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="postfooter">
- </li>
- {/block:Video}
- {block:Audio}
- <li class="post audio">
- {block:Date}
- <div class="permbutt">
- <a href="{Permalink}"><p>{ShortMonth}/{DayOfMonth}/{ShortYear} {12Hour}{AmPm}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <div class="tumblrbtns"><div class="likebtn">{LikeButton size="15"}</div><div class="reblogbtn">{ReblogButton size="15"}</div></div>
- {AudioPlayerBlack}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="postfooter">
- </li>
- {/block:Audio}
- {block:PostNotes} {PostNotes}{/block:PostNotes}
- {/block:Posts}
- </ol>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement