Website Template

Template Moscow

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head profile="http://gmpg.org/xfn/11" />
<meta http-equiv="X-UA-Compatible" content="IE=7.5" />
<head>
  <b:include data='blog' name='all-head-content'/>
  <title><data:blog.pageTitle/></title>
  <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   Moscow
Designer: Javad Aghili
URL:      www.finalsense.com
Date:     18 May 2010
License:  This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit this URL:http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */

/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#5b001f" value="#5b001f">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#fff" value="#ffffff">
   <Variable name="postTitleColor" description="Post Title Color" type="color"
             default="#ffdce9" value="#ffdce9">
   <Variable name="dateHeaderColor" description="Date Header Color"
             type="color" default="#eda5bf" value="#eda5bf">
   <Variable name="borderColor" description="Post Border Color" type="color"
             default="#f2a8c4" value="#f2a8c4">


   <Variable name="mainLinkColor" description="Link Color" type="color"
             default="#f2a8c4" value="#f2a8c4">
   <Variable name="HoverLinkColor" description="Link Hover Color"
             type="color" default="#ffd666" value="#ffd666">
           
   <Variable name="titleTextColor" description="Blog Title Color"
             type="color" default="#fff" value="#ffffff">

   <Variable name="topSidebarHeaderColor" description="Top Sidebar Title Color"
             type="color" default="#ffdce9" value="#ffdce9">

   <Variable name="topSidebarTextColor" description="Top Sidebar Text Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"
             type="color" default="#f2a8c4" value="#f2a8c4">
   <Variable name="topSidebarVisitedLinkColor" description="Top Sidebar Visited Link Color"
             type="color" default="#fff" value="#fff">

   <Variable name="bodyFont" description="Text Font" type="font"
             default="normal normal 100% 'Arial',Verdana,Trebuchet MS,Sans-serif" value="normal normal 100% 'Arial',Verdana,Trebuchet MS,Sans-serif">
   <Variable name="pageTitleFont" description="Blog Title Font" type="font"
             default="normal bold 330% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 330% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="descriptionFont" description="Blog Description Font" type="font"
             default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="headerFont" description="Sidebar Title Font" type="font"
             default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="postTitleFont" description="Post Title Font" type="font"
             default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

body {
  background:$mainBgColor url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz2GnJniFhb-uVuVMv-7pK_nRShYAh_rMUN5T_cxYPvvPrKMmpmS1fukeRng6mIbHulhk_oJ5iEo3DQUXBneBR5f5ArAkkZlkpc4mtH8Y8sAsVkTCWoZ6XabtFsEytVGO8v-f1yHTwraw/s1600/Pink-Vector.jpg") no-repeat fixed left bottom;
  margin:0;
  text-align:center;
  line-height: 1.5em;
  font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
  color:$mainTextColor;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


/* Page Structure
----------------------------------------------- */

#outer-wrapper {
  width:930px;
  margin:0 auto;
  text-align:left;
  font: $bodyFont;
  }
 
#main-wrap1 {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSe0IrPcfdQjsc59fGkX0EKncDOUfk9K81kU_a-JICC1tbq_4EI-PWOEXUQqegcxPt6E5BM_OYYGzHvbcok8C51O0MyNWRtfCZVkNXulzEatVEGvYe2WACRsNudPtmOWAjBiv3mVcHrcw/s1600/Pink-vector-1.png") no-repeat left top ;
  width:551px;
  float:left;
  padding:0;
  color:$mainTextColor;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }
#main-wrap2 {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvUf34b-Qk8nJWElx3TSFMlN2Lvc8hUq3PA-udBAzCxHYzoIGfQUrkH98mc1ESJoT3fhC6SUxQ6eWnpVhuIsx1dFp5dRnwkltQ8qDx2uwO3FXBYhtfSS4VXhHSaSLc4Fl_H7BmhJKZBcE/s1600/Pink-vector-2.png") repeat-y left top ;
  float:left; margin-top:20px;
  width:551px;
  }
 
#main-wrap3 {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVnoRly_isFZ9QmjhAuRtzYVBjqdbFOWtP6-Ki8z-uCo1zZYi6YoEtBUvb4B17piDGYuJM0TZCkBjihdEl2oe3XYn5ehKFs34UYI0hm3hFnjwvWBR-IWT4WfLbkZxy3lcSNcWyA_Oqbyw/s1600/Pink-vector-3.png") no-repeat left top ;
  float:left;width:551px; height:16px;
  }
#main {
  width:520px;
  }
#sidebar-wrap {
  width:353px;
  float:right;
  margin:0;
  font-size:97%;
  line-height:1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

.main .widget {
  margin:0;
  width: 520px;
  padding: 0 13px;
}

.main .Blog {
  margin:0 10px;
  padding: 0;
  width: 520px;
}
h1, h2, h3, h4 {font-size:110%; text-shadow: 1px 1px 1px #555}
/* Links
----------------------------------------------- */
a:link { text-decoration:none;
  color: $mainLinkColor;
  }
a:visited {text-decoration:none;
  color: $HoverLinkColor;
  }
a:hover {
  color: $HoverLinkColor;
  }
a img {
  border-width:0;
  }


/* Blog Header
----------------------------------------------- */
#header-wrapper {width:550px; float:left;
  margin:0;padding:0;
  color:$titleTextColor;
  }
#header {
  padding:0 15px 8px;
  }
#header h1 {text-shadow: black 0.1em 0.1em 0.2em;
  margin:0;
  padding:10px 30px 5px;
  line-height:1.7em;
  font: $pageTitleFont;
  }
#header a,
#header a:visited {
  text-decoration:none;
  color: $titleTextColor;
  }
#header .description {
  margin:0; text-shadow: 0.5px 1px 1px #fff;
  padding:0px 30px 10px; color: $borderColor;
  line-height:1.5em;
  font: $descriptionFont; color: $mainBgColor;
}
#PageList1 { margin-top:40px; margin-right: 20px; float:right}
#PageList1 li {font-weight:bold; padding:5px; margin: 3px; border: 1px solid $borderColor; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* Posts
----------------------------------------------- */
h2.date-header {
  margin-top:15px;
  margin-right:28px;
  margin-bottom:0;
  margin-left:43px;
  font-size:86%;
  line-height:2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$dateHeaderColor;text-shadow: 0 0 0;
  }
.post {
  margin:.3em 0 25px;
  padding:0 13px;
  }
.post h3 {
  margin:0;
  line-height:1.5em;
  display:block;
  padding-top:2px;
  padding-right:14px;
  padding-bottom:2px;
  padding-left:29px;
  color: $postTitleColor;
  font: $postTitleFont;
  }
.post h3 a, .post h3 a:visited {
  text-decoration:none;
  color: $postTitleColor;
  }
a.title-link:hover {
  background-color: $HoverLinkColor;
  color: $mainTextColor;
  }
.post-body {
  padding-top:10px;
  padding-right:14px;
  padding-bottom:1px;
  padding-left:29px;
  }
html>body .post-body {
  border-bottom-width:0;
  }
.post-body {
  margin:0 0 .75em;
  }
.post-body blockquote {
  line-height:1.3em;
  }
.post-footer {
  margin:0;
  padding-top:2px;
  padding-right:14px;
  padding-bottom:2px;
  padding-left:29px;
  font-size:100%; border-top:1px solid #fff;border-bottom:1px solid #fff;
  line-height:1.5em;
  }
/*
The first line of the post footer might only have floated text, so we need to give it a height.
The height comes from the post-footer line-height
*/
.post-footer-line-1 {
  min-height:1.5em;
  _height:1.5em;
}

.post-footer p {
  margin: 0;
}

html>body .post-footer {
  border-bottom-color:transparent;
  }

.uncustomized-post-template .post-footer {
  text-align: right;
}

.uncustomized-post-template .post-author,
.uncustomized-post-template .post-timestamp {
  display: block;
  float: left;
  text-align:left;
  margin-right: 4px;
}

.post-footer a {
  color: $mainLinkColor;
 }
.post-footer a:hover {
  color: $HoverLinkColor;
 }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment_left.gif") no-repeat left 45%;
  padding-left:14px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/rounders2/icon_comment_left.gif") no-repeat left 45%;
  padding-left:14px;
  }
.post img, table.tr-caption-container {
  margin-top:0;
  margin-right:0;
  margin-bottom:5px;
  margin-left:0;
  padding:4px;
  border:1px solid #fff;
  }
.tr-caption-container img {
  border: none;
  margin: 0;
  padding: 0;
}
blockquote {
  margin:.75em 0;
  border:1px dotted $borderColor;
  border-width:1px 0;
  padding:5px 15px;
  color: $dateHeaderColor;
  }
.post blockquote p {
  margin:.5em 0;
  }

#blog-pager-newer-link {
  float: left;
  margin-left: 13px;
 }

#blog-pager-older-link {
  float: right;
  margin-right: 13px;
 }

#blog-pager {  
  text-align: center;
 }

.feed-links {
  clear: both;
  line-height: 2.5em;
  margin-left: 13px;
}

/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  padding-top:20px;
  padding-right:0;
  padding-bottom:15px;
  padding-left:0;
  }
#comments h4 {
  margin:0 0 10px;
  padding-top:0;
  padding-right:14px;
  padding-bottom:2px;
  padding-left:29px;
  font-size:120%;
  line-height:1.4em;
  color:$postTitleColor;
  }
#comments-block {
  margin-top:0;
  margin-right:15px;
  margin-bottom:0;
  margin-left:9px;
  }
.comment-author {
  background:url("http://www.blogblog.com/rounders2/icon_comment_left.gif") no-repeat 2px .3em;
  margin:.5em 0;
  padding-top:0;
  padding-right:0;
  padding-bottom:0;
  padding-left:20px;
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding-top:0;
  padding-right:0;
  padding-bottom:0;
  padding-left:20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-footer {
  margin:0 0 .5em;
  padding-top:0;
  padding-right:0;
  padding-bottom:.75em;
  padding-left:20px;
  }
.comment-footer a:link {
  color: $mainTextColor;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.comment-form {
  padding-left:20px;
  padding-right:5px;
}
#comments .comment-form h4 {
  padding-left:0px;
}

/* Profile
----------------------------------------------- */
.profile-img {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  border: 4px solid $topSidebarTextColor;
}

.profile-datablock {
  margin-top:0;
  margin-right:15px;
  margin-bottom:.5em;
  margin-left:0;
  padding-top:8px;
}

.profile-link {
 font-weight:bold;
}

.profile-textblock {
  clear: both;
  margin: 0;
}

.sidebar .clear, .main .widget .clear {
  clear: both;
}


#sidebartop a { text-decoration:none;
 color: $topSidebarLinkColor;
}

#sidebartop a:hover {
 color: $topSidebarVisitedLinkColor;
}
#sidebartop a:visited {
 color: $topSidebarVisitedLinkColor;
}
/* Sidebar Boxes
----------------------------------------------- */

.sidebar .widget {
  margin:0;
  padding:0px;
 }

.widget-content {
  margin:0;
}


.sidebartop {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS588lN788Oz2hWJMK-WrLH8Dy6x_D2xvKvUr2gBcJxk38KF0WGKePUBY9QnNs5ZuzmD1Tzuzyg05aUcJnWMwfpFPj1JUUBea6P6nOzm_Me2wkloB9v2S665tq9ez0ULjQF8l36Y7UgmM/s1600/Pink-vector-4.png") no-repeat left top ;
 width:100%; height:24px; }

.sidebarmain {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtq0lFT4RtcYs5aFHzs336BuzvIl1WmS-V-Li4NtT5PjyPvJuyoFPoC8N454_zy2dzDL_kCjrzIApmov9ahIHoxn3PXIA5vIkW4vHBgpT6iFx9vtcK5rZ9KA_ksWGY4Oh88LiztWrIKDA/s1600/Pink-vector-5.png") repeat-y left top;
 width:100%; }

.sidebarbottom {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlyOwlxxQEAcz_oN5bK9wXmvIQGeuffoT2mLDkRDdkK6WTy6kT7t4Dbu_omMKF4FRlepMkFxJM2JiS108XlmFaaner_UJ_vdQ2ki_F5ZifntnzNxeSPR_J6p775U-kDl_V-LlpuX5k72s/s1600/Pink-vector-6.png") no-repeat left bottom ;
 width:100%; height:27px;}

.sidebar-c {width:300px; padding: 0 27px}
 

.sidebar h2 {
  margin:0;
  padding:0 0 .2em;
  line-height:1.5em;
  font:$headerFont;
}

.sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
}

.sidebar ul li {
  background:url("http://www2.blogblog.com/rounders2/icon_arrow_sm.gif") no-repeat 2px .25em;
  margin:0;
  padding-top:0;
  padding-right:0;
  padding-bottom:3px;
  padding-left:16px;
   line-height:1.4em;
  }
.sidebar p {
  margin:0;
  }

#sidebar h2 {
  color: $postTitleColor;
  border-bottom: 1px dotted $postTitleColor;
 }

/* Footer
----------------------------------------------- */
#footer-wrap1 {
  clear:both;padding:10px 0;
  }
#footer-wrap2 {
  color:$titleTextColor;
  }
#footer {
  padding:1px 15px;
  }
#footer hr {display:none;}
#footer p {margin:0;}
#footer a {color:$titleTextColor;}
#footer .widget-content {
  margin:0;
}
#copyright {font-size: 85%; padding: 5px 5px 5px 15px; color: $borderColor;}
#copyright a:link { text-decoration:none}
/** Page structure tweaks for layout editor wireframe */
body#layout #main-wrap1,
body#layout #sidebar-wrap,
body#layout #header-wrapper {
  margin-top: 0;
}

body#layout #header, body#layout #header-wrapper,
body#layout #outer-wrapper {
  margin-left:0,
  margin-right: 0;
  padding: 0;
}

body#layout #outer-wrapper {
  width: 730px;
}

body#layout #footer-wrap1 {
  padding-top: 0;
 }
#navbar-iframe {height:0px; visibility:hidden; display:none}

]]></b:skin>
</head>

<body>
<div id='outer-wrapper'>
    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

  <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'/>
</b:section>
  </div>

  <div id='header-wrapper'>
    <b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='test (Header)' type='Header'/>
</b:section>
  </div>


<div id='main-wrap1'>
  <div id='main-wrap2'>
    <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section></div>
  <div id='main-wrap3'></div></div>

  <div id='sidebar-wrap'>
 
    <div class='sidebartop'></div><div class='sidebarmain'> <div class="sidebar-c">
      <b:section class='sidebar' id='sidebarsearch'>
<b:widget id='CustomSearch1' locked='false' title='Search This Blog' type='CustomSearch'/>
</b:section>
    </div><div class='clear'>&#160;</div></div><div class='sidebarbottom'></div>
   
   
    <div class='sidebartop'></div><div class='sidebarmain'> <div class="sidebar-c">
      <b:section class='sidebar' id='sidebartop'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>
    </div><div class='clear'>&#160;</div></div><div class='sidebarbottom'></div>
   
   
   <div class='sidebartop' ></div><div class='sidebarmain'> <div class="sidebar-c">
      <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Subscribe1' locked='false' title='Subscribe To' type='Subscribe'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='LinkList1' locked='false' title='Links' type='LinkList'/>
</b:section>
      </div><div class='clear'>&#160;</div></div><div class='sidebarbottom' ></div>
 

  </div>

  <div id='footer-wrap1'><div id='footer-wrap2'>
    <b:section class='footer' id='footer'/>
  <div id='copyright'>  Copyright &#169; 2010 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> -  Design by:  <a href='http://www.finalsense.com/category/templates/blogger-templates/' title='Blogger Templates'>FinalSense Blogger Templates</a>
  </div></div></div>

</div>
</body>
</html>
               

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 komentar:

Posting Komentar

Site Search