<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@pageTitle</title>
<style>
body{
font-family:Tahoma;
font-size:8pt;
padding:0px;
margin:0px;
color: #00F1FF ;
background-image:url('http://8pic.ir/images/3ehy39ja8ed58f26l04y.jpg');
}
a,a:visited{
color:#000000;
text-decoration: none;
}
img{
border:none;
max-width:410px;
}
#page{
width:760px;
}
#uwrapper{
margin:20px auto;
padding:0px;
width:728px;
height:600px;
background:url('http://8pic.ir/images/uss61op48mez6m06hsl9.jpg') top center no-repeat;
border:solid 5px #00F1FF ;
border-radius:0px 300px 300px 300px;
box-shadow:0px 7px 5px #00F1FF ;
-ms-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
transition:all 0.5s ease;_
}
#uwrapper:hover{
border-radius:300px 300px 0px 300px;
}
#header div{
color:#000000;
font-family:Tahoma;
font-size:21pt;
font-weight:bold;
text-align:center;
padding-top:50px;
}
#header div p{
margin-top:5px;
margin-bottom:0px;
color:#000000;
font-family:Tahoma;
font-size: 9pt;
font-weight:normal;
text-align:center;
direction:rtl;
}
#headerb{
height:0px;
}
#content{
padding:0px 7px;
}
#main{
float:right;
background:#FFFFFF;
border: 3px solid #00F1FF ;
border-radius:40px;
}
#main2{
height:60px;
}
#post{
padding:0px;
text-align:right;
}
#posttitle{
height:44px;
text-align:right;
font-size:9pt;
direction:rtl;
padding-top:10px;
padding-right:30px;
}
#posttitle a, #posttitle a:visited {
color: #00F1FF ;
}
#postbody{
text-align: justify;
padding:0px 10px 5px 3px;
font-size:9pt;
color:#000000;
width:480px;
line-height:1.5em;
direction:rtl;
overflow:hidden;
}
#postbody p{
margin-top:10px;
margin-bottom:0px;
}
#postdesc{
padding:15px 22px 0px 7px;
color:#000000;،
direction:rtl;
}
#space{
height:20px;
}
#sidebar{
float:left;
width:180px;
padding-top:10px;
color:#000000;
line-height:1.5em;
text-align:right;
background:#ffffff;
border: 3px solid #00F1FF ;
border-radius:40px;
margin:0px 0px 10px 0px;
}
#sidebar p{
font-family:Tahoma;
font-size:15px;
font-weight:bold;
color: #00F1FF ;
padding:0px;
margin:5px 0px 0px 0px;
}
#sidebar a{
text-decoration:none;
border:none;
text-align:center;
font-family:Tahoma;
font-size:11px;
color:#000000;
text-shadow:0px 2px 2px #00F1FF ;
padding:5px 0px 0px 0px;
transition:all 1s ease 0.3s;
}
#mmenu{
width:170px;
line-height: 1.5em;
text-align:center;
direction:rtl;
}
#sidebar ul{
font-size:8pt;
list-style-type: none;
margin: 0px;
padding:0px 5px 20px 5px;
}
#sidebar li {
font-size:8pt;
padding-right:5px;
padding-bottom:0px;
line-height:1.5em;
direction:rtl;
}
#photo{
width:170px;
padding-top:5px;
padding-bottom:2px;
text-align:center;
}
#about{
width:170px;
text-align: center;
font-size:8pt;
padding:10px 7px 20px 7px;ط
color:#000000;
direction:rtl;
}
</style>
<script lang ="javascript">
function GetBC(lngPostid)
{
intTimeZone=;
strBlogId="";
intCount=-1;
strResult="";
try {
for (i=0;i<BlogComments.length;i+=2)
{
if (BlogComments[i]==lngPostid)
intCount=BlogComments[i+1] ;
}
} catch( e) {
}
if ( intCount==-1) strResult=" Ɔσммɛитƨ ";
if ( intCount==0) strResult=" Ɔσммɛит ";
if ( intCount==1) strResult=" Ɔσммɛит ";
if ( intCount>1) strResult=intCount + " Ɔσммɛитƨ " ;
strUrl="/comments/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" + strResult + " </a>" ;
document.write ( strResult ) ;
}
function OpenLD()
{
window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
return true;
}
</script>
</head>
<body>
<div id='uwrapper' data-scrollreveal="enter from the top over 1.5s"></div>
<div align='center'>
<div id='page'>
<div id='content'>
<div id='main'>
<center>
<p style='color:#000000;font-family:tahoma;font-size:10pt'><b>@blogTitle</b></p>
<p style="color: #00F1FF ;font-family:Tahoma;font-size:8pt">@blogDescription</p>
</center>
<post><many>
<div id='post'>
<div id='posttitle' data-scrollreveal="enter bottom over 1s and move 300px after 0.3s"><a href="@href"><b>@title</b></a></div>
<div id='postbody' data-scrollreveal="enter right after 0.5s">@content<tag><br>tags:<many><a href="@href">@name</a><separator>، </separator></many></tag><more><br><a href="@href" style="font-size:15px;"> ƈօռȶɨռʊɛ </a></more></div>
<div id='postdesc' data-scrollreveal="enter right after 0.5s"> @date | @time | @authorName | <commentLink> <span dir="rtl" ><a onclick="window.open('@popupHref','_blank','width=450, height=470, scrollbars=yes, resizable=yes');" href="javascript:void(0)">نظرات (@count)</a></span></commentLink></div>
<div id='space'></div>
<center data-scrollreveal="enter bottom over 1s and move 300px after 0.3s">
<img src=" " style="width:200px;height:23px;border:none;"/>
</center>
</div>
</many></post>
<center data-scrollreveal="enter bottom over 1s and move 300px after 0.3s">
<a href="http://anita-vab.blogsky.com/" target='_blank'>★طراح=آنیتا★</a>
</center>
</div>
<div id='sidebar'>
<center>
<about>
<center data-scrollreveal="enter bottom over 1s and move 300px after 0.3s">
</center>
<div id='about'>@description</div>
</about>
<p data-scrollreveal="enter left">✘мɛиʋ✘</p><br>
<div id='mmenu'>
<ul data-scrollreveal="enter left">
<li>
<a href="@blogUrl">нσмє</a> ✘ <a onclick="window.open('@profileContactHref','_blank','width=450, height=460, scrollbars=yes, resizable=yes');" href="javascript:void(0)">تماس با من</a> ✘ <br></BlogProfileLinkBlock>
</li>
<li>
<a target="_blank" href="http://anita-vab.blogsky.com/"></a>
</li>
</ul>
</div>
<author><list>
<p data-scrollreveal="enter left">✘ᗩuтнσяƨ✘</p>
<br>
<div id=mmenu>
<ul data-scrollreveal="enter left">
<many><li><a target="_blank" href="@href" >@name</a></li></many>
</ul>
</div>
</list></author>
<dailylink>
<p data-scrollreveal="enter left">✘Ɖayℓi✘</p>
<br>
<a target="_blank" href="http://anita-vab.blogsky.com/" data-scrollreveal="enter left">★طراح=آنیتا★</a>
<div id=mmenu>
<ul>
<many>
<li data-scrollreveal="enter left"><a target="_blank" href="@url" title="@text">@title</a></li>
</many>
<li data-scrollreveal="enter left"><a href="@dailylinkArchiveHref">آرشیو پیوندهای روزانه</a></li>
</ul>
</div>
</dailylink>
<p data-scrollreveal="enter left">✘ᗩяcнιʌɛƨ✘</p>
<br>
<div id=mmenu>
<ul>
<many><li data-scrollreveal="enter left"><a href="@href">@date</a></li></many>
</ul>
</div>
<category><list>
<p data-scrollreveal="enter left">✘Cαтɛɢσяιɛƨ✘</p>
<br>
<div id=mmenu>
<ul>
<many><li data-scrollreveal="enter left"><a href="@href">@name</a></li></many>
</ul>
</div>
</list></category>
<p data-scrollreveal="enter left">✘ƒяιɛиƉƨ✘</p>
<br>
<a target="_blank" href="http://anita-vab.blogsky.com/" data-scrollreveal="enter left">★طراح=آنیتا★</a>
<div id=mmenu>
<ul>
<many><li><a target="_blank" href="@url" data-scrollreveal="enter left">@title</a></li></many>
</ul>
</div>
<div id=mmenu data-scrollreveal="enter bottom over 1s and move 100px">
<customHtml>@html</customHtml>
</div>
</center>
<br/>
</div></div></div></div>
<script type="text/javascript">
/*=============================================================================
http://anita-vab.blogsky.com/
طراح:★آنیتا★
=============================================================================*/
;(function (window) {
'use strict';
var docElem = window.document.documentElement;
function getViewportH () {
var client = docElem['clientHeight'],
inner = window['innerHeight'];
return (client < inner) ? inner : client;
}
function getOffset (el) {
var offsetTop = 0,
offsetLeft = 0;
do {
if (!isNaN(el.offsetTop)) {
offsetTop += el.offsetTop;
}
if (!isNaN(el.offsetLeft)) {
offsetLeft += el.offsetLeft;
}
} while (el = el.offsetParent)
return {
top: offsetTop,
left: offsetLeft
}
}
function isElementInViewport (el, h) {
var scrolled = window.pageYOffset,
viewed = scrolled + getViewportH(),
elH = el.offsetHeight,
elTop = getOffset(el).top,
elBottom = elTop + elH,
h = h || 0;
return (elTop + elH * h) <= viewed && (elBottom) >= scrolled;
}
function extend (a, b) {
for (var key in b) {
if (b.hasOwnProperty(key)) {
a[key] = b[key];
}
}
return a;
}
function scrollReveal(options) {
this.options = extend(this.defaults, options);
this._init();
}
scrollReveal.prototype = {
defaults: {
axis: 'y',
distance: '25px',
duration: '0.66s',
delay: '0s',
// if 0, the element is considered in the viewport as soon as it enters
// if 1, the element is considered in the viewport when it's fully visible
viewportFactor: 0.33
},
_init: function () {
var self = this;
this.elems = Array.prototype.slice.call(docElem.querySelectorAll('[data-scrollReveal]'));
this.scrolled = false;
// Initialize all scrollreveals, triggering all
// reveals on visible elements.
this.elems.forEach(function (el, i) {
self.animate(el);
});
var scrollHandler = function () {
if (!self.scrolled) {
self.scrolled = true;
setTimeout(function () {
self._scrollPage();
}, 60);
}
};
var resizeHandler = function () {
function delayed() {
self._scrollPage();
self.resizeTimeout = null;
}
if (self.resizeTimeout) {
clearTimeout(self.resizeTimeout);
}
self.resizeTimeout = setTimeout(delayed, 200);
};
window.addEventListener('scroll', scrollHandler, false);
window.addEventListener('resize', resizeHandler, false);
},
_scrollPage: function () {
var self = this;
this.elems.forEach(function (el, i) {
if (isElementInViewport(el, self.options.viewportFactor)) {
self.animate(el);
}
});
this.scrolled = false;
},
parseLanguage: function (el) {
// Splits on a sequence of one or more commas or spaces.
var words = el.getAttribute('data-scrollreveal').split(/[, ]+/),
enterFrom,
parsed = {};
function filter (words) {
var ret = [],
blacklist = [
"from",
"the",
"and",
"then",
"but"
];
words.forEach(function (word, i) {
if (blacklist.indexOf(word) > -1) {
return;
}
ret.push(word);
});
return ret;
}
words = filter(words);
words.forEach(function (word, i) {
switch (word) {
case "enter":
enterFrom = words[i + 1];
if (enterFrom == "top" || enterFrom == "bottom") {
parsed.axis = "y";
}
if (enterFrom == "left" || enterFrom == "right") {
parsed.axis = "x";
}
return;
case "after":
parsed.delay = words[i + 1];
return;
case "wait":
parsed.delay = words[i + 1];
return;
case "move":
parsed.distance = words[i + 1];
return;
case "over":
parsed.duration = words[i + 1];
return;
case "trigger":
parsed.eventName = words[i + 1];
return;
default:
// Unrecognizable words; do nothing.
return;
}
});
// After all values are parsed, let’s make sure our our
// pixel distance is negative for top and left entrances.
//
// ie. "move 25px from top" starts at 'top: -25px' in CSS.
if (enterFrom == "top" || enterFrom == "left") {
if (!typeof parsed.distance == "undefined") {
parsed.distance = "-" + parsed.distance;
}
else {
parsed.distance = "-" + this.options.distance;
}
}
return parsed;
},
genCSS: function (el) {
var parsed = this.parseLanguage(el);
var dist = parsed.distance || this.options.distance,
dur = parsed.duration || this.options.duration,
delay = parsed.delay || this.options.delay,
axis = parsed.axis || this.options.axis;
var transition = "-webkit-transition: all " + dur + " ease " + delay + ";" +
"-moz-transition: all " + dur + " ease " + delay + ";" +
"-o-transition: all " + dur + " ease " + delay + ";" +
"transition: all " + dur + " ease " + delay + ";";
var initial = "-webkit-transform: translate" + axis + "(" + dist + ");" +
"-moz-transform: translate" + axis + "(" + dist + ");" +
"transform: translate" + axis + "(" + dist + ");" +
"opacity: 0;";
var target = "-webkit-transform: translate" + axis + "(0);" +
"-moz-transform: translate" + axis + "(0);" +
"transform: translate" + axis + "(0);" +
"opacity: 1;";
return {
transition: transition,
initial: initial,
target: target,
totalDuration: ((parseFloat(dur) + parseFloat(delay)) * 1000)
};
},
animate: function (el) {
var css = this.genCSS(el);
if (!el.getAttribute('data-sr-init')) {
el.setAttribute('style', css.initial);
el.setAttribute('data-sr-init', true);
}
if (el.getAttribute('data-sr-complete')) {
return;
}
if (isElementInViewport(el, this.options.viewportFactor)) {
el.setAttribute('style', css.target + css.transition);
setTimeout(function () {
el.removeAttribute('style');
el.setAttribute('data-sr-complete', true);
}, css.totalDuration);
}
}
}; // end scrollReveal.prototype
document.addEventListener("DOMContentLoaded", function (evt) {
window.scrollReveal = new scrollReveal();
});
})(window);
</script>
</body>
</html>