Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Theme number: #001
- Creator: @thevioletmaniac
- Last update: September 26, 2015
- Features: Reblogs, text/photo/photoset/quote/link/chat/audio/video posts, dates, notes, tags, custom colors and images
- Website: [http://thevioletmaniac.narod.ru/] or [http://tvm-resources.deviantart.com/]
- Rules: Don’t remove the credit and don’t redistibute theme.
- -->
- <head>
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code" ></script>
- <title>{Title}</title>
- {block:Description}<meta name="Description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{favicon}" />
- <meta name="image:body" content="http://puu.sh/k9QMT/bbee49b30d.png"/>
- <meta name="image:sideblock" content="http://puu.sh/k9QUa/cbb8544313.png"/>
- <meta name="image:nav" content="http://puu.sh/k9QUa/cbb8544313.png"/>
- <meta name="image:odd" content="http://puu.sh/khDgi/204d9b7e4e.png"/>
- <meta name="image:even" content="http://puu.sh/khDfj/965d59b53c.png"/>
- <meta name="image:meta" content="http://puu.sh/k9QVf/b468973c52.png"/>
- <meta name="color:body color" content="#000000" />
- <meta name="color:tags color" content="#ffffff" />
- <meta name="color:chat color" content="#171717" />
- <meta name="color:title color" content="#ffffff" />
- <meta name="color:avatar border" content="#f1f1f1" />
- <meta name="color:nav color" content="#000000" />
- <meta name="color:nav background" content="#ebebeb" />
- <meta name="color:post background" content="#ffffff" />
- <meta name="color:nav background hover" content="#ffffff" />
- <meta name="color:nav background hover" content="#ffffff" />
- <style type="text/css">
- body{
- color: {color:body color};
- padding: 0px;
- margin: 0px;
- line-height: 140%;
- background: url('{image:body}') no-repeat center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- font-family: Tahoma;
- font-size:11px;
- text-align: justify;
- }
- table, tr, td{
- font-family: Tahoma;
- font-size: 11px;
- text-align: justify;
- }
- .container{
- width: 640px;
- margin: 0 auto;
- background: none;
- }
- .sidebar{
- width: 200px;
- background-image: url('{image:sideblock}');
- background-repeat: repeat;
- float: left;
- position: fixed;
- height: 100%;
- }
- .sidebar-icon{
- width: 100%;
- margin: 0 auto;
- text-align: center;
- padding-bottom: 10px;
- background: none;
- padding-top: 10px;
- }
- .sidebar-icon img{
- border:1px solid {color:avatar border};
- background: none;
- -webkit-border-radius: 70px;
- -moz-border-radius: 70px;
- border-radius: 70px;
- padding:8px;
- width: 64px;
- height: 64px;
- }
- .sidebar-nav{
- width: 100%;
- margin: 0 auto;
- background: none ;
- padding-top: 10px;
- padding-bottom: 10px;
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- -o-transition: 0.5s;
- transition: 0.5s;
- }
- .sidebar-nav a,.sidebar-nav a:visited,.sidebar-nav a:active,.sidebar-nav a:link{
- padding:5px;
- margin-left: 20px;
- margin-right: 20px;
- margin-bottom: 3px;
- display: block;
- text-align: center;
- line-height: 120%;
- color: {color:nav color};
- background: {color:nav background};
- background: url('{image:nav}');
- font-size:10px;
- font-weight: normal;
- text-decoration: none;
- text-transform: lowercase;
- font-style: italic;
- font-family: georgia;
- letter-spacing: 1px;
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- -o-transition: 0.5s;
- transition: 0.5s;
- }
- .sidebar-nav a:hover{
- color: {color:nav color};
- background: {color:nav background hover};
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- -o-transition: 0.5s;
- transition: 0.5s;
- }
- .sidebar-info{
- padding-left: 20px;
- padding-right: 20px;
- padding-top: 10px;
- padding-bottom: 10px;
- background: none;
- }
- .posts{
- width: 400px;
- background: none;
- float: right;
- padding-right: 20px;
- padding-left: 20px;
- padding-top: 20px;
- }
- .post{
- background: none;
- margin-bottom: 40px;
- color: {color:post color};
- }
- .post-title{
- font-size: 7pt;
- font-family: Tahoma;
- font-style: italic;
- text-transform:uppercase;
- font-weight:normal;
- background-color:none;
- color: {color:title color};
- text-align:right;
- margin-bottom: 8px;
- margin-top: 0px;
- padding-right:10px;
- padding-top:0px;
- padding-bottom:0px;
- letter-spacing:1px;
- line-height: 11px;
- }
- .post-title a,.post-title a:visited{
- text-decoration: none;
- color: {color:title color};
- }
- .post-title a:hover{
- text-decoration: none;
- color: {color:title color};
- }
- .post-caption-none{
- background: #fff;
- display: none;
- }
- .post-caption{
- width: 100%;
- background: none;
- padding: 0;
- margin: 0;
- }
- .post-caption a,.post-caption a:visited,.post-caption a:active,.post-caption a:link {
- text-decoration:none;
- color: {color:body color};
- text-transform: normal;
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
- filter: alpha(opacity=80);
- -moz-opacity: 0.8;
- -khtml-opacity: 0.8;
- opacity: 0.8;
- }
- .post-caption a:hover{
- color: {color:body color};
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
- filter: alpha(opacity=100);
- -moz-opacity: 1.0;
- -khtml-opacity: 1.0;
- opacity: 1.0;
- }
- .post a,.post a:visited,.post a:active,.post a:link{
- text-decoration: none;
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- -o-transition: 0.5s;
- transition: 0.5s;
- }
- .post a:hover{
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- -o-transition: 0.5s;
- transition: 0.5s;
- }
- .post-text{
- background: {color:post background};
- padding: 20px;
- }
- .post-text a,.post-text a:visited,.post-text a:active,.post-text a:link{
- text-decoration: none;
- color: {color:body color};
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
- filter: alpha(opacity=80);
- -moz-opacity: 0.8;
- -khtml-opacity: 0.8;
- opacity: 0.8;
- }
- .post-text a:hover{
- text-decoration: none;
- color: {color:body color};
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
- filter: alpha(opacity=100);
- -moz-opacity: 1.0;
- -khtml-opacity: 1.0;
- opacity: 1.0;
- }
- .post-photo{
- background: none;
- padding: 0;
- margin: 0;
- border: 0px;
- }
- .post-photo img{
- border: 0;
- padding-bottom: 0px;
- margin: 0;
- }
- .post-photoset{
- background: none;
- margin: 0;
- padding: 0;
- padding-top: 0px;
- padding-bottom: 0px;
- }
- .post-chat{
- width: 400px;
- background: none;
- padding: 0;
- margin: 0;
- color: {color:chat color};
- }
- .post-chat ul {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .post-chat li {
- border-radius: 0;
- border: 0;
- box-shadow: none;
- margin:0 ;
- padding: 0;
- }
- .post-chat .odd {
- background: url('{image:odd}');
- background-repeat: repeat;
- padding: 2px;
- padding-left: 20px;
- }
- .post-chat .even {
- background: url('{image:even}');
- background-repeat: repeat;
- padding: 2px;
- padding-left: 20px;
- }
- .post-quote{
- background: {color:post background};
- padding: 20px;
- margin: 0;
- }
- .quote {
- line-height: 120%;
- font-size:10px;
- font-weight:normal;
- text-decoration:none;
- text-transform:lowercase;
- font-style:italic;
- font-family:georgia;
- letter-spacing: 1px;
- font-family: georgia;
- color: {color:body color};
- background: none;
- margin:0px;
- }
- .sourcesourcesourcesource a,.sourcesourcesource a:visited,.sourcesource a:active,.source a:link, .source a:hover{
- text-decoration:none;
- color: {color:body color};
- text-transform: normal;
- }
- .source {
- padding:0px;
- }
- .post-audio{
- background: none;
- width: 100%;
- padding: 0;
- margin: 0;
- }
- .post-audio img{
- width: 100%;
- }
- .audio-player {
- background: {color:post background};
- position: absolute;
- z-index: 1000;
- width: 389px;
- padding-top: 12px;
- padding-bottom: 10px;
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
- filter: alpha(opacity=70);
- -moz-opacity: 0.7;
- -khtml-opacity: 0.7;
- opacity: 0.7;
- padding-left: 11px;
- }
- .post-video{
- background: none;
- width: 100%;
- padding: 0;
- margin: 0;
- }
- .meta{
- background: {color:post background};
- background: url('{image:meta}');
- background-repeat: repeat;
- color: {color:body color};
- padding: 15px;
- font-family: Tahoma;
- font-size: 8px;
- letter-spacing: 0.8px;
- text-transform: uppercase;
- }
- .meta a,.meta a:visited{
- color: {color:body color};
- text-decoration:none;
- }
- .meta a:hover{
- text-decoration:none;
- }
- .post-triangle{
- width: 100%;
- background: none;
- padding-top: 15px;
- }
- .triangle{
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 0 10px 10px 10px;
- border-color: transparent transparent {color:post background} transparent;
- margin-left: 20px;
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
- filter: alpha(opacity=60);
- -moz-opacity: 0.6;
- -khtml-opacity: 0.6;
- opacity: 0.6;
- }
- .tags{
- background: none;
- padding: 0px;
- text-align: right;
- font-family: Tahoma;
- font-size: 8px;
- letter-spacing: 0.8px;
- text-transform: uppercase;
- color: {color:tags color};
- }
- .tags a,.tags a:visited{
- color: {color:tags color};
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- opacity: 0.4;
- text-decoration:none;
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- -o-transition: 0.5s;
- transition: 0.5s;
- }
- .tags a:hover{
- text-decoration:none;
- color: {color:tags color};
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
- filter: alpha(opacity=60);
- -moz-opacity: 0.6;
- -khtml-opacity: 0.6;
- opacity: 0.6;
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- -o-transition: 0.5s;
- transition: 0.5s;
- }
- .post-notes{
- width: 100%;
- padding-top:20px;
- margin: 1px;
- text-transform: uppercase;
- color: {color:body color};
- font-size: 8px;
- letter-spacing: 0.8px;
- }
- .post-notes ol.notes {
- list-style-type: none;
- margin: 0px;
- padding: 5px;
- background: none;
- text-align: left;
- color: {color:body color};
- background: none;
- text-transform: uppercase;
- font-size: 8px;
- letter-spacing: 0.8px;
- }
- .post-notes ol.notes li.note img.avatar {
- border:1px solid {color:avatar border};
- margin-bottom:5px;
- vertical-align: -15px;
- margin-left:5px;
- margin-right:10px;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- padding:5px;
- width: 16px;
- height: 16px;
- }
- .post-notes a,.post-notes a:visited,.post-notes a:active,.post-notes a:link {
- text-decoration:none;
- color: {color:body color};
- text-transform: normal;
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
- filter: alpha(opacity=80);
- -moz-opacity: 0.8;
- -khtml-opacity: 0.8;
- opacity: 0.8;
- }
- .post-notes a:hover{
- color: {color:body color};
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
- filter: alpha(opacity=100);
- -moz-opacity: 1.0;
- -khtml-opacity: 1.0;
- opacity: 1.0;
- }
- .caption{
- padding-left: 20px;
- padding-right: 20px;
- margin-top: 10px;
- padding-bottom: 5px;
- padding-top: 5px;
- font-family:georgia;
- color: {color:body color};
- font-style: italic;
- }
- .clear{
- clear: both;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="sidebar">
- <table width="100%" height="100%" cellpadding="0" cellspacing="0">
- <tr>
- <td align="center" valign="middle">
- <div class="sidebar-icon"><a href="/"><img src="{PortraitURL-64}" border="0" alt="{Title}"></a></div>
- <div class="sidebar-nav">
- <a href="/">index</a>
- <a href="/archive" target="main">archive</a>
- <a href="http://thevioletmaniac.narod.ru/" target="main">theme</a>
- </div>
- {block:Description}
- <div class="sidebar-info">
- {Description}
- </div>
- {/block:Description}
- </td>
- </tr>
- </table>
- </div>
- <div class="posts">
- {block:Posts}
- <div class="post">
- {block:Title}<div class="post-title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- {block:Text}
- <div class="post-text">
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="post-photo">
- {LinkOpenTag}<img src="{PhotoURL-400}" width ="{PhotoWidth-400}" alt="{PhotoAlt}" />{LinkCloseTag}
- <div class="post-caption">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
- {/block:Photo}
- {block:Photoset}
- <div class="post-photoset">
- {Photoset-400}
- <div class="post-caption">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
- {/block:Photoset}
- {block:Quote}
- <div class="post-quote">
- <blockquote><div class="quote">"{Quote}"</div></blockquote>
- {block:Source}<div class="source">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="post-link">
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- <div class="post-chat">
- <ul>
- {block:Lines}<li class="{Alt}"><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line} </p></li>{/block:Lines}
- </ul>
- {/block:Chat}
- <div class="clear"></div>
- {block:Audio}
- <div class="post-audio">
- <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="cover">
- {/block:AlbumArt}
- <div class="post-caption">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
- {/block:Audio}
- {block:Video}
- <div class="post-video">
- {Video-400}
- <div class="post-caption">{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
- {/block:Video}
- {block:Answer}
- <div class="post-answer">
- <h1 class="title">{Question}</h1>
- <div class="user"><img src="{AskerPortraitURL-96}"/><p>{Asker}</p></div>
- {Answer}
- {/block:Answer}
- </div>
- <div class="post-triangle">
- <div class="triangle"></div>
- </div>
- <div class="meta">
- {block:Date}<a href="{Permalink}">Posted {TimeAgo}</a> {/block:Date}
- {block:NoteCount}<a href="{Permalink}">with {NoteCount} notes</a>{/block:NoteCount}
- {block:RebloggedFrom} <a href="{ReblogParentURL}">via {ReblogParentName}</a> {/block:RebloggedFrom}
- {block:ContentSource} <a href="{SourceURL}">source {SourceTitle}</a>{/block:ContentSource}
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
- </div>
- {/block:HasTags}
- {block:PostNotes}
- <div class="post-notes">{PostNotes}</div>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- </div>
- <div class="clear"></div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement