Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!-- macfustythemes -->
- <head>
- <title>{Title}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}">
- {/block:Description}
- <meta name="image:Background" content="http://static.tumblr.com/01wstkc/UBxnntg4k/space_ship.png">
- <meta name="image:Sidebar" content="http://static.tumblr.com/01wstkc/M7xnntg60/mercury.gif">
- <meta name="color:Background" content="#000">
- <meta name="color:Text" content="#fff">
- <meta name="color:Links" content="#27bbf0">
- <meta name="color:Hover" content="#000">
- <meta name="color:Highlight" content="#27bbf0">
- <meta name="color:Sidebar Background" content="#000">
- <meta name="color:Nav Links" content="#000">
- <meta name="color:Nav Text" content="#fff">
- <meta name="text:Posts BG" content="rgba(0, 0, 0, 0.6)">
- <meta name="text:Link 1 URL" content="/ask">
- <meta name="text:Link 1" content="Communications">
- <meta name="text:Link 2 URL" content="/">
- <meta name="text:Link 2" content="Link 2">
- <meta name="text:Link 3 URL" content="/">
- <meta name="text:Link 3" content="Link 3">
- <meta name="text:Link 4 URL" content="/">
- <meta name="text:Link 4" content="Link 4">
- <meta name="text:Description Heading" content="Mission Briefing">
- <link rel="shortcut icon" href="{Favicon}">
- <!-- HTML5 Shiv -->
- <!--[if lt IE 9]>
- <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
- <![endif]-->
- <link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css'>
- <style>
- body {
- background-color: {color:Background};
- background-image: url('{image:Background}');
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-size: cover;
- color: {color:Text};
- font-size: 11px;
- font-family: 'Calibri', sans-serif;
- line-height: 18px;
- }
- a {
- color: {color:Links};
- text-decoration: none;
- letter-spacing: 1px;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- a:hover {
- color: {color:Hover};
- letter-spacing: 0px;
- }
- blockquote {
- border-left: 1px solid {color:Text};
- padding: 1% 0 1% 2%;
- }
- .clear {
- clear: both;
- }
- #credit {
- position: fixed;
- bottom: 5px;
- right: 10px;
- opacity: 0.6;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #credit img {
- height: 40px;
- width: 40px;
- }
- #credit:hover {
- opacity: 1;
- }
- li {
- list-style-type: square;
- }
- /** SIDEBAR */
- #sidebar {
- position: fixed;
- height: 100%;
- width: 450px;
- left: 0;
- top: 0;
- }
- #sidebarbackground {
- background-color: {color:Sidebar Background};
- position: fixed;
- height: 100%;
- width: 475px;
- opacity: 0.4;
- margin-left: 25px;
- }
- #radar-outer {
- position: absolute;
- border-radius: 100%;
- height: 250px;
- width: 250px;
- margin: 105px 0 0 50px;
- z-index: 1;
- }
- #radar-outer img {
- height: 100%;
- }
- #radar-inner {
- border-radius: 100%;
- position: absolute;
- height: 125px;
- width: 125px;
- margin: 163px 0 0 115px;
- overflow: hidden;
- opacity: 0.6;
- }
- #radar-inner img {
- height: 100%;
- width: 100%;
- }
- #nav ul {
- font-family: 'Orbitron', sans-serif;
- font-size: 12px;
- padding: 0;
- margin-left: 260px;
- }
- #nav {
- position: absolute;
- margin-top: 100px;
- text-transform: lowercase;
- }
- #nav ul li {
- position: relative;
- height: 14px;
- list-style-type: none;
- text-align: right;
- width: 125px;
- padding: 3px 5px 3px 30px;
- opacity: 0.8;
- background-color: #fff;
- box-shadow: 0 0 12px {color:Highlight};
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #nav ul li.one {
- margin: 30px 0 0 -12px;
- }
- #nav ul li.two {
- margin: 21px 0 0 20px;
- }
- #nav ul li.three {
- margin: 21px 0 0 25px;
- }
- #nav ul li.four {
- margin: 21px 0 0 22px;
- }
- #nav ul li.five {
- margin: 21px 0 0 0;
- }
- #nav a {
- letter-spacing: 1px;
- color: {color:Links};
- }
- #nav ul a {
- color: {color:Nav Links};
- }
- #nav ul li:hover {
- background-color: {color:Highlight};
- width: 150px;
- }
- #nav ul li::after {
- content: "";
- position: absolute;
- width: 0;
- height: 0;
- top: 0;
- margin-left: 5px;
- border-style: solid;
- border-width: 20px 0 0 20px;
- border-color: transparent transparent transparent #fff;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -webkit-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #nav ul li:hover::after {
- border-color: transparent transparent transparent {color:Highlight};
- }
- #desc {
- position: relative;
- margin: 360px 0 0 75px;
- height: 200px;
- width: 200px;
- border-right: 3px solid #fff;
- color: {color:Nav Text};
- opacity: 0.8;
- overflow: hidden;
- padding: 10px;
- text-align: justify;
- }
- #line {
- width: 40px;
- border-bottom: 3px solid #fff;
- margin: 13px 0 0 264px;
- transform: rotate(-50deg);
- opacity: 0.8;
- }
- #mtitle {
- font-family: 'Orbitron', sans-serif;
- text-align: right;
- padding: 5px 0 5px 0;
- font-size: 16px;
- border-bottom: 2px solid #fff;
- color: {color:Highlight};
- text-transform: lowercase;
- margin-bottom: 2px;
- }
- #spaceship {
- position: relative;
- float: right;
- width: 125px;
- height: 200px;
- margin: -190px 10px 0 0;
- opacity: 0.8;
- }
- #power ul {
- position: absolute;
- bottom: 40px;
- padding: 0;
- width: 25px;
- color: {color:Nav Text};
- font-family: 'Orbitron', sans-serif;
- text-transform: lowercase;
- text-align: center;
- }
- #power ul.two {
- margin-left: 50px;
- }
- #power ul li.hover {
- -moz-transition: all 0.2s ease;
- -o-transition: all 0.2s ease;
- -webkit-transition: all 0.2s ease;
- transition: all 0.2s ease;
- }
- #power ul.two li.hover {
- opacity: 0;
- }
- #power ul.three {
- margin-left: 100px;
- }
- #spaceship:hover > #power ul.one li.hover {
- opacity: 0;
- }
- #spaceship:hover > #power ul.two li.hover {
- opacity: 1;
- }
- #spaceship:hover > #power ul.three li.hover {
- opacity: 0;
- }
- #power ul li {
- float: left;
- list-style-type: none;
- width: 30px;
- height: 3px;
- background-color: {color:Highlight};
- margin: 0 0 5px 10px;
- box-shadow: 0 0 3px #fff;
- }
- #power ul li.label {
- background-color: transparent;
- box-shadow: none;
- }
- #power ul li a {
- color: {color:Nav Text};
- }
- #pagination {
- position: absolute;
- bottom: 30px;
- width: 150px;
- text-align: center;
- font-family: 'Orbitron', sans-serif;
- text-transform: lowercase;
- }
- /** POSTS */
- #content {
- width: 640px;
- margin: 75px 0 0 625px;
- }
- .post {
- position: relative;
- width: 500px;
- padding: 20px;
- margin: 0 0 50px 0;
- text-align: justify;
- background-color: {text:Posts BG};
- }
- .post img {
- max-width: 100%;
- }
- .ptitle {
- font-family: 'Orbitron', sans-serif;
- text-transform: lowercase;
- text-align: right;
- font-size: 22px;
- padding-bottom: 10px;
- border-bottom: 1px solid {color:Text};
- color: {color:Links};
- margin-bottom: 10px;
- }
- .pquote {
- font-family: 'Orbitron', sans-serif;
- text-transform: lowercase;
- text-align: right;
- font-size: 20px;
- padding-bottom: 10px;
- color: {color:Links};
- }
- .pquote a {
- color: {color:Links};
- }
- .pquote a:hover {
- color: {color:Text};
- }
- .label {
- font-family: 'Orbitron', sans-serif;
- text-transform: lowercase;
- color: {color:Links};
- }
- .right {
- text-align: right;
- }
- .icon-outer {
- border: 10px solid #fff;
- width: 90px;
- height: 90px;
- border-radius: 100%;
- opacity: 0.8;
- }
- .icon-inner {
- width: 60px;
- height: 60px;
- padding: 5px;
- border: 5px solid #001b37;
- border-radius: 100%;
- margin: 5px 0 0 5px;
- }
- .icon-inner img {
- border-radius: 100%;
- width: 100%;
- height: 100%;
- }
- .player {
- position: relative;
- opacity: 0.8;
- float: left;
- margin: -70px 0 0 108px;
- }
- .player::after {
- content: "";
- position: absolute;
- width: 0;
- height: 0;
- top: 0;
- right: -27px;
- margin-left: 5px;
- border-style: solid;
- border-width: 27px 0 0 27px;
- border-color: transparent transparent transparent #fff;
- }
- .track {
- float: left;
- margin: -40px 0 0 115px;
- }
- .footer {
- position: relative;
- font-family: 'Orbitron', sans-serif;
- width: 555px;
- margin: 10px 0 0 -25px;
- background-color: #fff;
- text-align: center;
- opacity: 0.8;
- color: {color:Nav Links};
- font-size: 10px;
- text-transform: lowercase;
- }
- .footer a {
- color: {color:Nav Links};
- }
- .footer a:hover {
- color: {color:Hover};
- }
- .footer::before {
- content: "";
- position: absolute;
- width: 0;
- height: 0;
- top: 0px;
- left: -18px;
- border-style: solid;
- border-width: 0 0 18px 18px;
- border-color: transparent transparent #fff; transparent;
- }
- .tags {
- margin-top: 10px;
- text-align: center;
- text-transform: lowercase;
- }
- .qicon-outer {
- float: left;
- border: 10px solid #fff;
- width: 100px;
- height: 100px;
- border-radius: 100%;
- opacity: 0.8;
- margin: -30px 0 0 -30px;
- }
- .qicon-inner {
- width: 70px;
- height: 70px;
- padding: 5px;
- border: 5px solid #001b37;
- border-radius: 100%;
- margin: 5px 0 0 5px;
- }
- .qicon-inner img {
- border-radius: 100%;
- width: 100%;
- height: 100%;
- }
- .ask {
- width: 350px;
- padding: 5px 10px;
- background-color: #fff;
- opacity: 0.8;
- font-family: 'Orbitron', sans-serif;
- text-transform: lowercase;
- margin: 16px 0 0 88px;
- color: {color:Nav Links};
- height: 18px;
- overflow: hidden;
- }
- .ask a {
- color: {color:Nav Links};
- }
- .ask a:hover {
- color: {color:Highlight};
- }
- .question {
- float: left;
- margin-top: 0px;
- width: 346px;
- padding: 10px;
- border-bottom: 1px solid #fff;
- }
- .ask::after {
- content: "";
- position: absolute;
- width: 0;
- height: 0;
- top: 36px;
- right: 33px;
- margin-left: 5px;
- border-style: solid;
- border-width: 28px 0 0 29px;
- border-color: transparent transparent transparent #fff;
- }
- .answer {
- text-align: justify;
- width: 450px;
- }
- .datei {
- position: relative;
- float: right;
- opacity: 0.7;
- text-shadow: 2px 2px 8px #000;
- text-align: center;
- }
- .day {
- width: 20px;
- position: absolute;
- margin: -74px 0 0 39px;
- font-family: 'Orbitron', sans-serif;
- font-size: 16px;
- }
- .month {
- margin-left: -7px;
- }
- .datei a {
- color: {color:Nav Text};
- }
- .datei a:hover {
- letter-spacing: 1px;
- color: {color:Links};
- }
- .dateibg {
- position: absolute;
- float: right;
- opacity: 0.7;
- text-shadow: 2px 2px 8px #000;
- text-align: center;
- width: 40px;
- height: 40px;
- background-color: #000;
- opacity: 0.5;
- border-radius: 100%;
- margin: 28px 0 0 29px;
- }
- </style>
- </head>
- <body>
- <div id="credit"><a target="new" href="http://macfustythemes.tumblr.com/"><img src="http://static.tumblr.com/01wstkc/Cm0nnsgaq/rocket.png"></a></div>
- <!-- SIDEBAR -->
- <div id="sidebarbackground"></div>
- <div id="sidebar">
- <div id="radar-outer">
- <img src="http://static.tumblr.com/01wstkc/gHunnotgp/radar.png">
- </div>
- <div id="radar-inner"><img src="{image:Sidebar}"></div>
- <div id="nav">
- <ul>
- <a href="/"><li class="one">initiate
- <div class="triangle"></div>
- </li></a>
- {block:ifLink1Url}
- <a href="{text:Link 1 URL}"><li class="two">{text:Link 1}
- </li></a>
- {/block:ifLink1Url}
- {block:ifLink2Url}
- <a href="{text:Link 2 URL}"><li class="three">{text:Link 2}</li></a>
- {/block:ifLink2Url}
- {block:ifLink3Url}
- <div class="link3"><i></i></div>
- <a href="{text:Link 3 URL}"><li class="four">{text:Link 3}</li></a>
- {/block:ifLink3Url}
- {block:ifLink4Url}
- <div class="link4"><i></i></div>
- <a href="{text:Link 4 URL}"><li class="five">{text:Link 4}</li></a>
- {/block:ifLink4Url}
- </ul>
- </div>
- <div id="desc">
- <div id="mtitle">{text:Description Heading}</div>
- {Description}
- </div>
- <div id="line"></div>
- <div id="spaceship">
- <div id="power">
- <ul class="one">
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- power
- </ul>
- <ul class="two">
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- shields
- </ul>
- <ul class="three">
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li class="hover"></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- <li></li>
- hull
- </ul>
- </div>
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- {block:JumpPagination length="4"}
- {block:CurrentPage}
- <a href="{Url}">0{PageNumber}</a>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{Url}">0{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}
- </div>
- </div>
- </div>
- <!-- POSTS -->
- <div id="content">
- {block:Posts}
- <div class="datei">
- <div class="dateibg"></div>
- <a href="{Permalink}"><img src="http://static.tumblr.com/01wstkc/wH4nntfvs/date_icon.png">
- <div class="day">
- {DayofMonthWithZero}
- <div class="month">
- {ShortMonth}
- </div>
- </div></a>
- </div>
- <div class="post">
- {block:Text}
- {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <img src="{PhotoUrl-500}">
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="pquote">{Quote}</div>
- {block:Source}<div class="right">{Source}</div>{/block:Source}
- {block:Quote}
- {block:Link}
- <div class="pquote"><a href="{Url}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
- {block:Lines}
- {block:Label}
- <div class="label">{Label}</div>
- {/block:Label}
- {Line}
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div class="icon-outer">
- <div class="icon-inner">
- {block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}
- </div>
- </div>
- <div class="player">{AudioPlayer}</div>
- <div class="track">{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</div>
- <div class="clear"></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="qicon-outer">
- <div class="qicon-inner">
- <img src="{AskerPortraitURL-64}">
- </div>
- </div>
- <div class="ask">incoming communication from {Asker}:</div>
- <div class="question">{Question}</div>
- <div class="clear"></div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- <div class="footer">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:RebloggedFrom}
- - Origin: <a href="{ReblogParentUrl}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {block:Postnotes}
- {PostNotes}
- {/block:Postnotes}
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment