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://fonts.googleapis.com/css?family=Meddon' rel='stylesheet' type='text/css'>
- <link href="http://mad-pixels.net/extra/romeotumblrtheme.css" rel="stylesheet" type="text/css"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <!--Default Variables-->
- <meta name="color:bodybg" content="#000403" />
- <meta name="color:text" content="#596675" />
- <meta name="color:link" content="#36434a" />
- <meta name="color:nav" content="#380d1f" />
- <meta name="color:title" content="#9d9d9d" />
- <meta name="color:navhover" content="#35141f" />
- <meta name="color:contentbg" content="#121b20"/>
- <meta name="image:largestcircle" content="http://1.bp.blogspot.com/_tsdzaevvD18/TBuE54pk1II/AAAAAAAAAfE/4Bi4sMqlxzU/s1600/moon.jpg" />
- <meta name="image:topcircle" content="http://static.tumblr.com/beqsbrg/s49m8godh/eye.gif" />
- <meta name="image:hovercirlce" content="http://mad-pixels.net/extra/cutey.gif" />
- <meta name="image:background" content="http://mad-pixels.net/extra/back.jpg" />
- <meta name="text:link1" content="/random"/>
- <meta name="text:link1title" content="random"/>
- <meta name="text:link2" content="/"/>
- <meta name="text:link2title" content="Link 2" />
- <meta name="text:link3" content="/tags" />
- <meta name="text:link3title" content="Tags" />
- <style type="text/css">
- @font-face {
- font-family: 'Meddon';
- font-style: normal;
- font-weight: 400;
- src: local('Meddon'), url(http://themes.googleusercontent.com/static/fonts/meddon/v4/dunLpE034rp-ugV97zpysQ.woff) format('woff');
- }
- body{
- background: {color:bodybg};
- background-image:url('{image:background}');
- background-attachment:fixed;
- transition:all 1s;
- -moz-transition:all 1s;
- -webkit-transition: all 1s;
- -o-transition: all 1s;
- /*transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;*/
- ;
- }
- p{
- color:{color:text};
- }
- a{
- color:{color:link};
- text-decoration:none;
- transition: color .5s;
- -moz-transition:color.5s;
- -webkit-transition:color .5s;
- -o-transition:color .5s;
- }
- a:hover{
- color:#fff;
- transition: color .5s;
- -moz-transition:color.5s;
- -webkit-transition:color .5s;
- -o-transition:color .5s;
- }
- h1,h2,h3{
- color:{color:nav};
- font-family:Georgia;
- font-style:italic;
- }
- h3{
- line-height:17px;
- letter-spacing:-1px;
- font-size:17px;
- }
- #sidebar{
- z-index:0;
- position:fixed;
- margin-left:710px;
- margin-top:70px;
- width:350px;
- font:{color:title};
- }
- #sidebar h1{
- padding-left:20px;
- text-align:center;
- padding-top:30px;
- color:{color:nav};
- font-family: 'Meddon', cursive;
- letter-spacing:-3px;
- margin-bottom:-10px;
- }
- #sidebar p{
- padding-left:20px;
- font-size:11px;
- }
- .barimagebg{
- width:390px;
- height:390px;
- z-index:-2;
- background-position:-200px -100px;
- background-image:url('{image:largestcircle}');
- border-radius: 390px;
- -moz-border-radius:390px;
- -webkit-border-radius:390px;
- }
- .barimage{
- z-index:0;
- width:350px;
- height:350px;
- background-image:url('{image:topcircle}');
- background-position:-100px -100px;
- border-radius: 350px;
- -moz-border-radius:350px;
- -webkit-border-radius:350px;
- transition: opacity 1s;
- -moz-transition:opacity 1s;
- -webkit-transition:opacity 1s;
- -o-transition:opacity 1s;
- }
- .barimage:hover{
- opacity:0;
- }
- .barimage2{
- z-index:-1;
- width:350px;
- height:350px;
- background-image:url('{image:hovercirlce}');
- background-position:0px;
- border-radius: 350px;
- -moz-border-radius:350px;
- -webkit-border-radius:350px;
- }
- #sidebar ul{
- list-style-type:none;
- }
- .nav a{
- text-align:center;
- line-height:50px;
- display:block;
- text-transform:uppercase;
- font-size:9px;
- font-style:italic;
- width:50px;
- height:50px;
- background: {color:nav};
- border-radius: 50px;
- -moz-border-radius:50px;
- -webkit-border-radius:50px;
- }
- .nav a:hover{
- background:{color:navhover};
- }
- .pgnav a{
- margin-bottom:10px;
- text-align:center;
- line-height:50px;
- display:block;
- text-transform:uppercase;
- font-size:9px;
- font-style:italic;
- width:50px;
- height:50px;
- background: {color:nav};
- border-radius: 50px;
- -moz-border-radius:50px;
- -webkit-border-radius:50px;
- }
- .pgnav a:hover{
- background:{color:navhover};
- }
- .pgnav{
- height:70px;
- margin-left:-90px;
- margin-top:-120px;
- margin-right:20px;
- }
- .I{
- z-index:2;
- position:absolute;
- margin-top:-53px;
- margin-left:85px;
- }
- .II{
- z-index:2;
- position:absolute;
- margin-top:-35px;
- margin-left:25px;
- }
- .III{
- z-index:2;
- position:absolute;
- margin-top:0px;
- margin-left:-30px;
- }
- .IV{
- z-index:2;
- position:absolute;
- margin-top:55px;
- margin-left:-70px;
- }
- .V{
- z-index:2;
- position:absolute;
- margin-top:120px;
- margin-left:-90px;
- }
- .VI{
- z-index:2;
- position:absolute;
- margin-top:185px;
- margin-left:-93px;
- }
- #content{
- z-index:1;
- width:500px;
- padding-left:25px;
- padding-right:25px;
- margin-left:100px;
- margin-top:10px;
- background:{color:contentbg};
- font:{color:title};
- position:abosolute;
- }
- #posts{
- width:500px;
- }
- li.post{
- list-style-type:none;
- width:500px;
- margin-left:-40px;
- padding-bottom:10px;
- padding-top:10px;
- }
- li.post.photo img{
- position:relative;
- margin:0 auto;
- }
- .postfooter{
- padding-left:5px;
- background: {color:link};
- }
- .postfooter img{
- float:right;
- padding-left:5px;
- }
- .postfooter a{
- line-height:24px;
- text-transform:uppercase;
- text-decoration:none;
- color:{color:nav};
- padding-left:1px;
- font-size:9px;
- }
- .postfooter a:hover{
- color:{color:contentbg};
- }
- .permbutt{
- background:{color:contentbg};
- position:absolute;
- margin-left:-110px;
- margin-top:-10px;
- width:95px;
- padding-left:10px;
- border-radius: 10px;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- }
- .permbutt p{
- margin:0px;
- }
- ol.notes{
- list-style-type:none;
- margin-left:-75px;
- width:500px;
- }
- .asked{
- z-index:1;
- margin-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:400px;
- }
- .asker{
- text-transform:uppercase;
- text-decoration:none;
- }
- .box h3{
- text-align:left;
- font-size:12px;
- color:{color:text};
- }
- .box{
- margin-top:10px;
- z-index:0;
- background: {color:nav};
- }
- #linkscontent{
- position:absolute;
- margin-top:40px;
- margin-left:50px;
- width:500px;
- }
- .left{
- margin-top:-40px;
- }
- .right{
- margin-top:-60px;
- margin-left:250px;
- }
- .blogs{
- margin-left:25px;
- margin-top:50px;
- }
- .blogs a{
- text-align:center;
- line-height:50px;
- display:block;
- text-transform:uppercase;
- font-size:9px;
- font-style:italic;
- width:50px;
- height:50px;
- background: {color:nav};
- border-radius: 50px;
- -moz-border-radius:50px;
- -webkit-border-radius:50px;
- }
- .blogs a:hover{
- background:{color:navhover};
- }
- .blogs ul{
- list-style-type:none;
- }
- .blogs h2{
- z-index:2;
- position:absolute;
- text-align:center;
- display:block;
- width:200px;
- margin-top:125px;
- }
- .blogI{
- z-index:2;
- margin-left:85px;
- margin-top:-55px;
- position:absolute;
- }
- .blogII{
- z-index:2;
- margin-left:20px;
- margin-top:-40px;
- position:absolute;
- }
- .blogIII{
- z-index:2;
- margin-left:-30px;
- margin-top:10px;
- position:absolute;
- }
- .blogIV{
- z-index:2;
- margin-left:-45px;
- margin-top:75px;
- position:absolute;
- }
- .blogV{
- z-index:2;
- margin-left:-30px;
- margin-top:140px;
- position:absolute;
- }
- .blogVI{
- z-index:2;
- margin-left:20px;
- margin-top:190px;
- position:absolute;
- }
- .blogVII{
- z-index:2;
- margin-left:85px;
- margin-top:205px;
- position:absolute;
- }
- .blogVIII{
- z-index:2;
- margin-left:150px;
- margin-top:190px;
- position:absolute;
- }
- .blogIX{
- z-index:2;
- margin-left:200px;
- margin-top:140px;
- position:absolute;
- }
- .blogX{
- z-index:2;
- margin-left:215px;
- margin-top:75px;
- position:absolute;
- }
- .blogXI{
- z-index:2;
- margin-left:200px;
- margin-top:10px;
- position:absolute;
- }
- .blogXII{
- z-index:2;
- margin-left:150px;
- margin-top:-40px;
- position:absolute;
- }
- .linkimagetop1{
- z-index:0;
- width:200px;
- height:200px;
- background:#000;
- background-image:url('http://mad-pixels.net/extra/images/08.gif');
- background-position:-250px 0;
- border-radius: 200px;
- -moz-border-radius:200px;
- -webkit-border-radius:200px;
- transition: opacity 1s;
- -moz-transition:opacity 1s;
- -webkit-transition:opacity 1s;
- -o-transition:opacity 1s;
- }
- .linkimagetop1:hover{
- opacity:0;
- }
- .linkimagebottom1{
- margin-left:50px;
- z-index:-1;
- width:200px;
- height:200px;
- background:#000;
- background-image:url('http://mad-pixels.net/extra/images/41.gif');
- background-position:-150px;
- border-radius: 200px;
- -moz-border-radius:200px;
- -webkit-border-radius:200px;
- }
- .linkimagetop2{
- z-index:0;
- width:200px;
- height:200px;
- background:#000000;
- background-image:url('http://mad-pixels.net/extra/images/04.gif');
- background-position:-100px;
- border-radius: 200px;
- -moz-border-radius:200px;
- -webkit-border-radius:200px;
- transition: opacity 1s;
- -moz-transition:opacity 1s;
- -webkit-transition:opacity 1s;
- -o-transition:opacity 1s;
- }
- .linkimagetop2:hover{
- opacity:0;
- }
- .linkimagebottom2{
- margin-left:50px;
- z-index:-2;
- width:200px;
- height:200px;
- background:#000;
- background-image:url('http://mad-pixels.net/extra/images/17.gif');
- background-position:-150px;
- border-radius: 200px;
- -moz-border-radius:200px;
- -webkit-border-radius:200px;
- }
- .linkimagetop3{
- z-index:0;
- width:200px;
- height:200px;
- background:#000000;
- background-image:url('http://static.tumblr.com/beqsbrg/s49m8godh/eye.gif');
- background-position:-100px -100px;
- border-radius: 200px;
- -moz-border-radius:200px;
- -webkit-border-radius:200px;
- transition: opacity 1s;
- -moz-transition:opacity 1s;
- -webkit-transition:opacity 1s;
- -o-transition:opacity 1s;
- }
- .linkimagetop3:hover{
- opacity:0;
- }
- .linkimagebottom3{
- margin-left:50px;
- z-index:-1;
- width:200px;
- height:200px;
- background:#fff;
- background-image:url('http://mad-pixels.net/extra/cutey.gif');
- background-position:10px;
- border-radius: 200px;
- -moz-border-radius:200px;
- -webkit-border-radius:200px;
- }
- .chat ul{
- color:{color:text};
- 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);
- }
- .text h1,h2,h3{
- text-align:center;
- }
- .text li {
- list-style-type:none;
- text-align:center;
- width:400px;
- background:{color:nav};
- margin-bottom:5px;
- transition: background .5s;
- -moz-transition:background .5s;
- -webkit-transition:background .5s;
- -o-transition:background .5s;
- }
- .text a{
- display:block;
- }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <ul class="nav">
- <li> <a class="I" href="/">Home</a> </li>
- <li> <a class="II" href="/ask">Message</a></li>
- <li> <a class="III" href="/archive">Archive</a></li>
- <li> <a class="IV" href="{text:link1}">{text:link1title}</a></li>
- <li> <a class="V" href="{text:link2}"> {text:link2title}</a></li>
- <li> <a class="VI" href="{text:link3}"> {text:link3title} </a></li>
- </ul>
- <div class="barimagebg"><div class="barimage2"><div class="barimage"></div> </div></div>
- <ul class="pgnav">
- <li>
- {block:PreviousPage}
- <a class="prvpg" href="{PreviousPage}">« Back</a>
- {/block:PreviousPage}
- </li>
- <li>
- {block:NextPage}
- <a class="nxtpg" href="{NextPage}">Next »</a>
- {/block:NextPage}
- </li>
- </ul>
- <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>{TimeAgo}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <div class="asked"><img src="{AskerPortraitURL-40}"/> </div> <div class="answered"> <div class="box"><h3>{Asker}→{Question} </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>{TimeAgo}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- <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>{TimeAgo}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <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>{TimeAgo}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- {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>{TimeAgo}</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>{TimeAgo}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- <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>{TimeAgo}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- {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">
- </li>
- {/block:Chat}
- {block:Video}
- <li class="post video">
- {block:Date}
- <div class="permbutt">
- <a href="{Permalink}"><p>{TimeAgo}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- {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>{TimeAgo}</p><p>{block:NoteCount} {NoteCount} Notes{/block:NoteCount}</p> </a>
- </div>
- {/block:Date}
- {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