Pages

Tuesday, March 27, 2012

Template HTML

<?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>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
      <meta expr:content='data:blog.metaDescription' name='description'/>
    </b:if>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blog Design by Baby Bottles and Bubble Baths
www.babybottlesandbubblebaths.com
----------------------------------------------- */
#navbar-iframe {   display: none  !important;}

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#000000">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#542733">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#e84167">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#55665e">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#e84167">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#ffffff">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#542733">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#e84167">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Philosopher">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 14px Covered By Your Grace">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 50px Covered By Your Grace">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% Merriweather">

   <Variable name="menucolor" description="Menu Background Color"
             type="color" default="#542733" value="#542733">
   <Variable name="menutextcolor" description="Menu Text Color"
             type="color" default="#fff" value="#ffffff">
  <Variable name="menutexthovercolor" description="Menu Text Hover Color"
             type="color" default="#ccc" value="#ffffff">
   <Variable name="menufont" description="Menu Font"
             type="font" default="normal 'Century Gothic', sans-serif" value="normal normal 14px Merriweather">

   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 16px Covered By Your Grace">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body {
  background: url(http://i931.photobucket.com/albums/ad160/mrsjolly2/SonicThresholdBG.png) fixed;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }

/* Header
-----------------------------------------------
 */

#header-wrapper {
  background: url(http://i931.photobucket.com/albums/ad160/mrsjolly2/SonicThresholdHeader.png);
  width: 1030px;
  height: 278px;
  margin: 0 auto 0px;
  border: 0px solid $bordercolor;
  margin-top: -278px;
  position: absolute;
  }

#header-inner {
  background-position: center;
  margin-left: auto;
  margin-right: auto;
}

#header {
  margin: 0px;
  border: 0px solid $bordercolor;
  text-align: center;
  color:$pagetitlecolor;
}

#header h1 {
  margin:5px 5px 0;
  padding:70px 20px .25em;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font: $pagetitlefont;
}

#header a {
  color:$pagetitlecolor;
  text-decoration:none;
  }

#header a:hover {
  color:$pagetitlecolor;
  }

#header .description {
  margin:0 5px 5px;
  padding: 0px 0px 0px 550px;
  max-width:700px;
  text-transform:uppercase;
  letter-spacing:.2em;
  line-height: 1.4em;
  font: $descriptionfont;
  color: $descriptioncolor;
 }

#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}

/* Menu-Bar
----------------------------------------------- */

#PageList1 {
  background: $menucolor;
  width: 1030px;
  height: 35px;
  padding: 3px 0px 0px 5px;
  color: $menutextcolor;
  font: $menufont;
}

#PageList1 LI  {
  margin: 7px 0px 0px 30px;
  padding: 0px 8% 0px 0px;
  color: $menutextcolor;
  }

#PageList1 LI A:link {
  color: $menutextcolor;
  }

#PageList1 LI A:hover {
  color: $menutexthovercolor;
  text-decoration: none;
  }

#PageList1 LI A:visited {
  color: $menutextcolor;
  }

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  background: url(http://i931.photobucket.com/albums/ad160/mrsjolly2/SonicThresholdOW.png);
  width: 1030px;
  margin: 0 auto;
  padding: 0px;
  text-align:$startSide;
  font: $bodyfont;
  margin-top: 278px;
  }

#main-wrapper {
  width: 525px;
  margin-left: 31px;
  float: $startSide;
  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 */
  }

#sidebar-wrapper {
  width: 175px;
  margin-right: 42px;
  float: $endSide;
  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 */
}

#left-sidebar-wrapper {
  width: 175px;
  margin-left: 45px;
  float: $startSide;
  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 */
}


/* Headings
----------------------------------------------- */

h2 {
  background: url(http://i931.photobucket.com/albums/ad160/mrsjolly2/SidebarTitle-2.png) no-repeat;
  height: 26px;
  padding-top: 8px;
  margin: 1.5em 0 .75em;
  font: $headerfont;
  line-height: 1.4em;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .2em;
  color: $sidebarcolor;
}


/* Posts
-----------------------------------------------;
 */
h2.date-header {
  margin:1.5em 0 .5em;
  background: none;
  }

.post {
  margin:.5em 0 1.5em;
  border-bottom:0px dotted $bordercolor;
  padding-bottom:1.5em;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
  color:$textcolor;
}

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-body blockquote {
  line-height:1.3em; 
}

.post-footer {
  background: url(http://i931.photobucket.com/albums/ad160/mrsjolly2/SonicThresholdPostDivider.png) no-repeat bottom center;
  height: 35px;
  padding-bottom: 55px;
  margin: .75em 0;
  color:$sidebarcolor;
  text-transform: none;
  letter-spacing:.1em;
  font: $postfooterfont;
  line-height: 1.4em;
}

.comment-link {
  margin-$startSide:.6em;
}
.post img, table.tr-caption-container {
  padding:4px;
  border:0px solid $bordercolor;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
  margin:1em 20px;
}
.post blockquote p {
  margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  }

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }

#blog-pager-newer-link {
  float: $startSide;
 }

#blog-pager-older-link {
  float: $endSide;
 }

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

.feed-links {
  clear: both;
  line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
  color: $sidebartextcolor;
  line-height: 1.5em;
 }

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  text-indent:-15px;
  line-height:1.5em;
  }

.sidebar .widget, .main .widget {
  border-bottom:0px dotted $bordercolor;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
 }

.main .Blog {
  border-bottom-width: 0;
}


/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 0px solid $bordercolor;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock {
  margin:.5em 0 .5em;
}

.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link {
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
  background: url(http://i931.photobucket.com/albums/ad160/mrsjolly2/SonicThresholdFooter.png);
  width: 1030px;
  height: 12px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}
]]></b:skin>
  </head>

  <body>
  <div id='outer-wrapper'><div id='wrap2'>

    <!-- 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='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Your Header Goes Here (Header)' type='Header'/>
</b:section>
    </div>

    <div id='content-wrapper'>

      <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='left-sidebar-wrapper'><b:section class='sidebar' id='left-sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
</b:section> </div>

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

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
    </div>

  </div></div> <!-- end outer-wrapper -->
  <b:include data='blog' name='google-analytics'/>
</body>
</html>
at 8:47 AM

Monday, March 26, 2012

DELETE THIS POST!!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lacus metus, mattis nec molestie vel, tempus varius quam. Curabitur hendrerit justo non felis vehicula non pellentesque enim accumsan. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam vitae enim purus. Sed vitae elit et ante congue gravida quis non neque. Aliquam ultricies velit vitae enim tincidunt egestas. Curabitur rutrum augue congue metus fermentum mattis porta quam porttitor. Sed blandit diam euismod dolor tincidunt auctor quis eget dui. Vivamus sit amet semper mauris.

Nunc vitae sapien in arcu imperdiet fermentum. Duis odio elit, hendrerit sed luctus non, vulputate non metus. Curabitur ac risus vel velit elementum commodo. Nulla scelerisque convallis erat, vitae porttitor magna dapibus nec. Donec viverra, eros ut molestie pellentesque, nibh purus pellentesque ante, varius consectetur orci lacus id ligula. Duis ut arcu purus, vel tempor sapien. Nullam in urna sem, placerat tristique odio. Proin vel est purus. In hac habitasse platea dictumst.
at 12:12 AM 0 comments
Subscribe to: Posts (Atom)