Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <link href="css/hover.css" rel="stylesheet" media="all">
- <!--meta stuff-->
- <meta name="color:background" content="#FFFFFF">
- <meta name="color:link" content="#D11919">
- <meta name="color:accent" content="#D11919">
- <meta name="color:sidebar bg" content="#000000">
- <meta name="color:posts bg" content="#eeeeee">
- <meta name="color:text" content="#000000">
- <meta name="color:scrollbar" content="000000">
- <meta name="color:scrollbarbg" content="FFFFFF">
- <meta name="image:sidebar image" content=""/>
- <meta name="text:link1" content="link 1">
- <meta name="text:link1 url" content="/">
- <meta name="text:link2" content="link 2">
- <meta name="text:link2 url" content="/">
- <meta name="text:link3" content="link 3">
- <meta name="text:link4 url" content="/">
- <meta name="text:link4" content="link 4">
- <meta name="text:link4 url" content="/">
- <meta name="text:link5" content="link 5">
- <meta name="text:link5 url" content="/">
- <meta name="text:link6" content="link 6">
- <meta name="text:link6 url" content="/">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <!--meta stuff-->
- <!--fonts-->
- <link href='http://fonts.googleapis.com/css?family=Raleway:700,400,100,200' rel='stylesheet' type='text/css'>
- <!--fonts-->
- <!-- tooltips -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- tooltips -->
- <!--popups-->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend;
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!--popups-->
- <style type="text/css">
- /*----general style----*/
- body {
- background-color:{color:background};
- font-family: raleway,calibri, sans-serif;
- font-weight:200;
- line-height:1.5;
- }
- h1 {
- font-weight:normal;
- font-size:9px;
- text-align:center;
- font-style:normal;
- line-height:100%;
- letter-spacing:1px;
- color:{color:text};
- }
- h2 {
- font-size:12px;
- text-align:center;
- line-height:130%;
- letter-spacing:1px;
- color:{color:text};
- font-weight:700;
- padding:3px;
- padding-bottom:5px;
- }
- b{
- font-weight:700;
- }
- a {
- color:{color:link};
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- color:{color:hover};
- text-decoration:none;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- blockquote {
- border-left:2px solid #888888;
- padding-left:5px;
- margin:5px;
- }
- /*scrollbars*/
- ::-webkit-scrollbar {
- background-color:{color:scrollbarbg};
- height:8px;
- width:8px
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color:{color:scrollbar};
- height:50px
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:{color:scrollbar};
- height:0px
- }
- /*scrollbars*/
- /*css lines*/
- .line {
- width:190px;
- margin:5px 0px 5px 0px;
- border-top:1px solid #000;
- }
- .linealt {
- width:190px;
- margin:5px 0px 5px 0px;
- border-top:1px solid #fff;
- }
- .linethird {
- width:180px;
- margin:5px 0px 5px 0px;
- border-top:1px solid #eee;
- }
- /*css lines*/
- /*tooltip style*/
- #s-m-t-tooltip {
- max-width:300px;
- padding:2px 4px;
- margin:20px 0px 0px 20px;
- background-color:#000;
- color:#ffffff;
- font-family:raleway, sans-serif;
- font-size:6px;
- letter-spacing:2px;
- text-transform:uppercase;
- z-index:999999999999;
- }
- /*tooltip style*/
- /*searchbar*/
- .search{
- margin-left:4em;
- }
- .search input {background-color: #111;
- font-size: 7px;
- border: 0px;
- text-transform: uppercase;
- margin-top: 57em;
- color: #eee;
- letter-spacing: 1px;
- padding: 4px 8px;
- font-family: raleway, helvetica, arial;}
- /*searchbar*/
- /*----general style----*/
- /*----sidebar----*/
- #sidebar {
- display:block;
- color:#eee;
- position:fixed ;
- width:230px;
- height:auto;
- margin:-.6em;
- text-align:center;
- background-color:transparent;
- padding:10px;
- border-radius:0px;
- margin-top:10px;
- margin-left:5px;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #sidebarcontainer{
- display:block;
- position:fixed;
- border-radius:0px;
- width:260px;
- height:420px;
- padding:10px;
- background-color:#000;
- margin-left:22em;
- margin-top:100px;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #leftblock{
- display:block;
- position:fixed;
- border-radius:0px;
- width:640px;
- height:120%;
- padding:30px;
- background-color:{color:sidebar bg};
- margin-left:-12em;
- margin-top:-12px;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #leftblock:hover{
- box-shadow:inset 700px 0 0 0 {color:accent};
- }
- .sidebarimage {
- width:230px ;
- max-width:230px;
- height:230px;
- margin-left:auto;
- margin-right:auto;
- margin-top:1em;
- position:fixed;
- opacity: 1;
- -webkit-filter: grayscale(0%);
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- .sidebarimage img{
- height:230px;
- width:230px;
- max-width:230px;
- margin-left:-7.8em;
- margin-right:auto;
- margin-top:0em;
- position:fixed;
- border:solid 10px #eee;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- .sidebarimage img:hover{
- border:solid 10px #000;
- -ms-transform: scale(.95,.95);
- -webkit-transform: scale(.99,.99);
- transform:scale(.95,.95);
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- /*description*/
- /*description title*/
- .desctitle{
- display:block;
- margin-left:0em;
- font-size:12px;
- font-family:"raleway", calibri,sans-serif;
- text-transform:uppercase;
- font-weight:400;
- text-align:left;
- color:transparent;
- padding:0px,2px,5px,0px;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- .desctitle a {
- font-size:12px;
- font-family:"raleway", calibri,sans-serif;
- text-transform:uppercase;
- text-align:left;
- color:transparent;
- letter-spacing:-.5px;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- /*description text*/
- .desc {
- width:230px;
- height:auto;
- max-height:168px;
- overflow:auto;
- margin-left:-1em;
- margin-top: 24em;
- position:fixed;
- text-align:justify;
- line-height:140%;
- font-family:raleway,"calibri";
- font-style:none;
- font-size:8px;
- padding:8px;
- color:#eee;
- opacity:1;
- letter-spacing:1px;
- font-weight:100;
- background-color:#000;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- .desc a{
- font-family:"raleway", calibri, sans-serif;
- font-size:8px;
- color:{color:link};
- padding:0px;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- .desc a:hover{
- color:{color:accent};
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- /*description*/
- /*pagination*/
- .pagi {
- font-size:8px;
- font-family: raleway, calibri, sans-serif;
- font-weight:100;
- color:#eee;
- margin-left:1.8em;
- margin-top:55em;
- width:200px;
- position:fixed;
- letter-spacing:2px;
- font-style:normal;
- text-align:center;
- z-index:99999999999;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- .pagi a{
- color:#eee;
- padding:3px;
- font-size:9px;
- font-weight:100;
- }
- .pagi a:hover{
- color:{color:link};
- }
- /*pagination*/
- /*sidebar hover stuff*/
- #sidebarcontainer:hover #sidebar{
- background-color:#000;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #sidebarcontainer:hover .pagi a:hover{
- color:#888;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #sidebarcontainer:hover .desc{
- color:#eee;
- opacity:1;
- margin-top:34em;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #sidebarcontainer:hover .desctitle{
- margin-left:13.5em;
- color:{color:accent};
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #sidebarcontainer:hover .desctitle a{
- color:#eee;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #sidebarcontainer:hover .desctitle a:hover{
- color:#999;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- /*sidebar hover stuff*/
- /*----sidebar----*/
- /*----top navigation----*/
- /*main navigation links*/
- .nav ul {
- padding:25px;
- margin-top:145px;
- font-size:8px;
- width:auto;
- display:block;
- height:auto;
- margin-left:28em;
- letter-spacing:1px;
- background-color:transparent;
- position:fixed;
- font-family:'raleway';
- text-align:left;
- text-transform:uppercase;
- list-style:none;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- .nav ul a{
- color:#eee;
- width:auto;
- display:block;
- margin-bottom:-10px;
- margin-top:10px;
- padding:8px;
- line-height:110%;
- background-color:transparent;
- -moz-transition-duration:.3s;
- -webkit-transition-duration:.3s;
- -o-transition-duration:.3s;
- }
- .nav a:hover{
- color:#eee;
- width:70px;
- box-shadow:inset 100px 0 0 0 #000;
- -moz-transition-duration:.3s;
- -webkit-transition-duration:.3s;
- -o-transition-duration:.3s;
- }
- .nav a:hover .list{
- opacity:1;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- .list{
- font-size:12px;
- color:#eee;
- opacity:0;
- margin-left:-23px;
- margin-bottom:-8px;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- /*main navigation links*/
- /*----top navigation----*/
- /*---entries---*/
- #entriescontainer {
- margin-left:34em;
- margin-top:-12px;
- position:absolute;
- text-align:justify;
- color:{color:text};
- margin-bottom:0px;
- max-width:560px;
- padding-top:40px;
- padding-right:30px;
- padding-left:30px;
- padding-bottom:12px;
- background-color:transparent;
- }
- #entries {
- width:500px;
- margin-top:0px;
- margin-bottom:45px;
- border-radius:0px;
- padding-top:25px;
- padding-right:25px;
- padding-left:25px;
- padding-bottom:25px;
- text-align:justify;
- font-size:11px;
- line-height:145%;
- background-color:{color:posts bg};
- color:{color:text};
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #entries:hover a:hover{
- color:#888;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .caption {
- width:500px;
- font-family:raleway,calibri;
- text-align:justify;
- line-height:140%;
- }
- .photos{
- margin-bottom:10px;
- }
- /*ask&answer*/
- .ask {
- padding:30px;
- font-family:raleway,calibri, sans-serif;
- font-size:8px;
- min-height:40px;
- height:auto;
- text-align:left;
- color:#eee;
- text-transform:uppercase;
- line-height:150%;
- margin-bottom:10px;
- letter-spacing:1.5px;
- border-left:100px solid #222;
- background-color:#000;
- }
- .ask img {
- position:absolute;
- margin-left:-100px;
- border:5px solid #eee;
- max-height:30px;}
- .ans {
- text-align:left;
- font-family:raleway, calibri, sans-serif;
- line-height:1.5;
- padding:10px;
- color:{color:text};
- }
- /*ask&answer*/
- /*audio posts*/
- #audio {
- padding:30px;
- font-family:raleway,calibri, sans-serif;
- font-size:8px;
- min-height:50px;
- height:auto;
- text-align:center;
- color:#eee;
- line-height:150%;
- margin-bottom:10px;
- letter-spacing:1.5px;
- border-left:100px solid #222;
- background-color:#000;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #player {
- height:50px;
- width:50px;
- margin-top:0px;
- margin-left:0px;
- overflow:hidden;
- background-color:#000;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #playersymbol {
- float:right;
- width:25px;
- height:25px;
- margin-top:0px;
- margin-left:0px;
- overflow:hidden;
- background-color:#000000;
- padding-bottom:2px;
- border:5px solid #eee;
- }
- #albumart{
- position:absolute;
- margin-left:-108px;
- margin-top:-6px;
- border:5px solid #eee;
- max-height:50px;
- }
- #audiotext {
- color:#fff;
- text-transform:uppercase;
- font-family:raleway, calibri, sans-serif;
- letter-spacing:1px;
- float:left;
- width:auto;
- text-align:left;
- height:auto;
- line-height:-30px;
- padding:8px;
- font-size:8px;
- margin-top:-12px;
- margin-bottom:0px;
- margin-left:0px;
- }
- /*audio posts*/
- /*link posts*/
- .linkpost{
- color:#000;
- font-family:raleway,calibri,sans-serif;
- font-size:10px;
- text-align:center;
- letter-spacing:1px;
- }
- .linkpost a{
- display:block;
- color:#fff;
- background-color:#000;
- font-size:12px;
- text-align:center;
- border-radius:0px;
- padding:20px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #entries:hover .linkpost a:hover{
- color:{color:accent};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- /*link posts*/
- /*post info*/
- #postinfo {
- max-width:480px;
- height:auto;
- margin-left:0px;
- padding:15px;
- font-size:8px;
- color:#000;
- font-family:raleway, calibri, sans-serif;
- text-transform:uppercase;
- letter-spacing:2px;
- text-align:center;
- border-radius:0px;
- background-color:{color:posts bg};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #entries:hover #postinfo{
- background-color:#000;
- color:#eee;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #entries:hover #postinfo:hover{
- box-shadow:inset 520px 0 0 0 {color:accent};
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #entries:hover #postinfo a:hover{
- color:#000;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #entries:hover #postinfo a{
- color:#eee;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #entries:hover .tags{
- opacity:1;
- margin-top:5px;
- height:auto;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #entries:hover .tags a{
- color:#000;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #entries:hover .tags a:hover{
- color:{color:accent};
- }
- #postinfo a {
- color: #000;
- padding:3px;
- text-align:center;
- letter-spacing:1px;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- #postinfo a:hover {
- color:{color:accent};
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- /*post info*/
- /*permalink page*/
- .note {
- text-transform:uppercase;
- font-family:raleway,calibri,sans-serif;
- font-style:normal;
- color:#000;
- letter-spacing:1.5px;
- font-size: 8px;
- text-align:left;
- list-style:none;
- min-width:500px;
- margin-bottom:30px;
- }
- .note img{
- margin-right:12px;
- }
- .note li {
- margin-left:-30px;
- background-color:#eee;
- width:500px;
- font-size:8px;
- text-align:left;
- line-height:200%;
- margin-bottom:0px;
- padding:15px;
- min-width:500px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- /*permalink page*/
- /*tags*/
- .tags {
- font-style:normal;
- width:490px;
- height:1px;
- opacity:0;
- font-family:raleway, calibri;
- text-transform:lowercase;
- font-style:none;
- color:#000;
- letter-spacing:1px;
- line-height:150%;
- font-size:9px;
- text-align:left;
- padding:2px;
- font-weight:100;
- margin-top:-10px;
- opacity:0;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- .tags a {
- color:#000;
- letter-spacing:1px;
- padding:2px;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- .tags a:hover {
- color:#000;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- /*tags*/
- /*chat*/
- ul.chat, .chat ol, .chat li {
- list-style:none;
- padding:2px;
- }
- .label {
- padding:2px;
- text-transform:none;
- font-weight:300;
- line-height:150%;
- }
- #entries:hover .label{
- color:{color:accent};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- /*chat*/
- /*----popups style---*/
- /*background*/
- #fade {
- display: none;
- background: #fff;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .95;
- z-index: 9999;
- }
- /*popup container*/
- .popup_block{
- display: none;
- background: #000;
- padding: 40px 20px 30px 20px;
- float: left;
- position: fixed;
- border:0px solid #fff;
- border-radius:0px;
- top: 50%; left: 50%;
- max-height:65%;
- min-width:500px;
- overflow:auto;
- list-style: none;
- text-transform:uppercase;
- z-index: 99999;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- -webkit-animation: floor 1s;
- -moz-animation: floor 1s;
- -ms-animation: floor 1s;
- }
- .popup_block:hover{
- float: left;
- position: fixed;
- box-shadow:inset 600px 0 0 0 {color:accent};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- /*positioning for IE6 */
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: fixed;
- }
- @-webkit-keyframes floor {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(500px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0%);
- }
- }
- @-moz-keyframes floor {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(500px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0%);
- }
- }
- @-o-keyframes floor {
- 0% {
- opacity: 0;
- -o-transform: translateY(500px);
- }
- 100% {
- opacity: 1;
- -o-transform: translateY(0%);
- }
- }
- @keyframes floor {
- 0% {
- opacity: 0;
- -webkit-transform: translateY(500px);
- }
- 100% {
- opacity: 1;
- -webkit-transform: translateY(0%);
- }
- }
- /*grid boxes*/
- #boxesav{
- position:relative;
- width: auto;
- top:50%;
- margin-left:auto
- margin-right:auto;
- }
- .boxav{
- display:inline-block;
- text-align:center;
- background-color: #000;
- color:#fff;
- width: 200px;
- height: 120px;
- padding: 10px;
- margin-left:5px;
- margin-right:5px;
- margin-bottom:5px;
- overflow:auto;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- }
- /*main title*/
- .popuptitle{
- display:block;
- text-align:center;
- font-family:'raleway',calibri, sans-serif;
- text-transform:uppercase;
- letter-spacing:2.5px;
- color:#fff;
- padding:3px;
- font-size:10px;
- margin-left:0 auto;
- margin-right:0 auto;
- margin-bottom:5px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .popuptitle a{
- color:#fff;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .popuptitle a:hover{
- color:{color:link};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- /*box title*/
- .boxtitle {
- display:block;
- text-align:right;
- font-family:'raleway', calibri, sans-serif;
- text-transform:uppercase;
- letter-spacing:1px;
- background-color:;
- color:#fff;
- padding:;
- font-size:9.5px;}
- .aboutlinks {
- display:block;
- width:400px;
- height:auto;
- margin-bottom:10px;
- margin-top:-18px;
- background-color:#000;
- font-family:raleway, calibri, sans-serif;
- font-size:9px;
- font-weight:200;
- text-decoration:none;
- text-align:center;
- text-transform:none;
- letter-spacing:1.5px;
- color:#eee;
- padding-left:10px;
- padding-right:10px;
- padding-top:10px;
- padding-bottom:-10px;
- line-height:20px;
- }
- .aboutlinks a {
- font-family:raleway, calibri, sans-serif;
- font-size:8px;
- text-decoration:none;
- text-align:right;
- padding:0px;
- text-transform:none;
- letter-spacing:1px;
- color:#999;
- padding:5px;
- line-height:10px;
- }
- .aboutlinks a:hover {
- text-decoration:none;
- color:{color:accent};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .boxlinks a {
- font-family:raleway, calibri, sans-serif;
- font-size:8px;
- text-decoration:none;
- text-align:center;
- padding:2px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:#fff;
- padding:5px;
- line-height:10px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .boxlinks a:hover {
- text-decoration:none;
- color:{color:accent};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .boxlinks ul {
- list-style-type:none;
- margin-left:-40px;}
- {CustomCSS}
- </style>
- </head>
- <body>
- <!--entries-->
- <div id="entriescontainer">
- {block:Posts}
- <div id="entries">
- <!--text-->
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {Body}
- {/block:Text}
- <!--quote-->
- {block:Quote}
- <h2>“{Quote}”</h2>
- <h1>{Source}</h1>
- {/block:Quote}
- <!--links-->
- {block:Link}
- <div class="linkpost"><a href="{URL}">{Name}</a>
- {block:host}{host}{/block:host}
- </div>
- {block:Description}<p>{Description}</p>{/block:Description}
- {/block:Link}
- <!--photo-->
- {block:Photo}
- <div class="photos"><center><img src="{PhotoURL-500}"/></center></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- <!--photoset-->
- {block:Photoset}
- <div class="photos"><center>{Photoset-500}</center></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- <!--chat-->
- {block:Chat}
- <ul class="chat">
- {block:Title}<h2>{Title}</h2>{/block:Title}
- {block:Lines}
- <li>{block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}
- </ul>
- {/block:Chat}
- <!--video-->
- {block:Video}
- {Video-500}{block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- <!--ask&answer post-->
- {block:Answer}
- <div class="ask"><img src="{askerportraitURL-30}"><b>{asker}:</b> {Question}</div>
- <div class="ans">{Answer}</div>
- {/block:answer}
- <!--audio-->
- {block:Audio}
- <div id="audio">
- <div id="albumart">
- {block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50">{/block:AlbumArt}</div>
- <div id="audiotext">
- <span style="text-transform:uppercase;font-size:9px;font-weight:500;letter-spacing:1px;">{block:TrackName}{TrackName}{/block:TrackName}</br></span>
- {block:Artist}<b>ARTIST: </b>{Artist}<br>{/block:Artist}
- {block:Album}<b>ALBUM: </b> {Album}</br>{/block:Album}
- <b>PLAYED: </b> {PlayCount} TIMES<br></div>
- <div id="playersymbol">{AudioPlayerBlack}</div></div>
- {block:caption}{Caption}{/block:caption}
- {/block:Audio}
- <!--post info and tags-->
- {block:Date}
- <center><div id="postinfo"><a href="{Permalink}">{timeago}</a> {block:NoteCount} | <a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:RebloggedFrom} |<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
- {block:ContentSource} | <a href="{SourceURL}" title="{SourceTitle}">source</a>{/block:ContentSource}
- </center>
- {/block:Date}
- <div class="tags">
- {block:HasTags}
- {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- <!--permalink notes page-->
- <div class="note">
- {block:PostNotes} {PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- <!--sidebar-->
- <div id="leftblock">
- <div id="sidebarcontainer">
- <div id="sidebar">
- <!--sidebar image-->
- <div class="desctitle">✖<a href="/"> {title}</a></div>
- <div class="desc">
- <center>{Description}</center>
- </div>
- <center><div class="sidebarimage">
- <a href="/">
- <img src="{image:sidebar image}">
- </a>
- </div></center>
- </div>
- <form action="/search" method="get" class="search">
- <input type="text" name="q" value="{SearchQuery}" id="sf"/>
- <input type="submit" value="Search" id="sb"/>
- </form>
- </div>
- <!--topnav-->
- <div class="nav">
- <ul>
- <a href="{text:link1 url}"><div class="list">✖</div> {text:link1}</a><br>
- <a href="{text:link2 url}"><div class="list">✖</div> {text:link2}</a><br>
- <a href="{text:link3 url}"><div class="list">✖</div> {text:link3}</a><br>
- <a href="{text:link4 url}"><div class="list">✖</div> {text:link4}</a><br>
- <a href="{text:link5 url}"><div class="list">✖</div> {text:link5}</a><br>
- <a href="{text:link6 url}"><div class="list">✖</div> {text:link6}</a><br>
- <br>
- <!--pagination-->
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}"><div class="list">✖</div> BACK </a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"><div class="list">✖</div> NEXT </a>
- {/block:NextPage}
- {/block:Pagination}
- </ul>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment