Wednesday, 4 June 2014

GENERIC BLOGGER TEMPLATE



----------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
-----------------------------------------------------------------------------------------------------------


<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: GENERIC BLOGGER TEMPLATE
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
*/

/* Variable definitions
=================================================
<Variable name="bodyBgColor" description="Main Background Color" type="color" default="#191970" value="#191970">
<Variable name="mainBgColor" description="Blog Background Color" type="color" default="#ffffff" value="#ffffff">
<Variable name="borderColor" description="Border Color" type="color" default="#00008B" value="#00008B">
<Variable name="headerTextColor" description="Blog Header Text Color" type="color" default="#C3D9FF" value="#C3D9FF">
<Variable name="descriptionTextColor" description="Blog Description Text Color" type="color" default="#C3D9FF" value="#C3D9FF">
<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color" type="color" default="#ffff66" value="#C3D9FF">
<Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#996633" value="#b3b3b3">
<Variable name="postHeaderColor" description="Post Header Color" type="color" default="#996633" value="#00008b">
<Variable name="textColor" description="Text Color" type="color" default="#333333" value="#000000">
<Variable name="linkColor" description="Link Color" type="color" default="#e1771e" value="#0066CC">
<Variable name="visitedlinkColor" description="Visited Link Color" type="color" default="#660000" value="#800080">
<Variable name="bqBgColor" description="Blocquote Background Color" type="color" default="#ffcc66" value="#e1ecff">
<Variable name="bqTextColor" description="Blocquote Text Color" type="color" default="#660000" value="#400058">
<Variable name="bodyFont" description="Text Font" type="font" default="normal normal 90% Arial, sans-serif;" value="normal normal 77% Arial, sans-serif">
<Variable name="headerFont" description="Blog Header Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 372% Arial, sans-serif">
<Variable name="descriptionFont" description="Blog Description Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="italic normal 157% Arial, sans-serif">
<Variable name="sbHeaderFont" description="Sidebar Header Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal bold 124% Arial, sans-serif">
<Variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 101% Arial, sans-serif">
<Variable name="postHeaderFont" description="Post Header Font" type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal bold 135% Arial, sans-serif">

*/

/* BODY
---------------------- */
body {
background-color: $bodyBgColor;
background: url(http://home.planet.nl/~hansoosting/images/bubblebg.jpg) repeat-x fixed;
margin: 0;
padding: 0;
text-align: center;
font: $bodyFont;
color: $textColor;
}
/* OUTER WRAPPER
----------------------- */
#outer-wrapper {
width: 96%;
margin: 0 2% 0 2%;
background-color: $mainBgColor;
}
a:link {
color: $linkColor;
}
a:visited {
color: $visitedlinkColor;
}
a img {
border-width: 0;
}
/* HEADER
----------------------------------------------- */
#header-wrapper {
margin-top: 10px;
padding: 0;
background-color: transparent;
text-align: center;
}
#header {
width: 96%;
height: 100px;
background-color: $bodyBgColor;
background: url(http://home.planet.nl/~hansoosting/images/bubbleheader.jpg) center;
margin: 0 auto;
color: $headerTextColor;
padding: 0;
border: 3px solid $borderColor;
}
#header h1 {
padding-top: 38px;
margin: 0 14px .1em;
line-height: 1.2em;
font: $headerFont;
color: $headerTextColor;
}
#header a {
color: $headerTextColor;
text-decoration: none;
}
#header .description {
display: block;
margin: 10px; 14px;
padding: 0 0 40px;
line-height: 1.4em;
font: $descriptionFont;
color: $descriptionTextColor;
}
/* Content
----------------------------------------------- */
.clear {
clear: both;
}
#content-wrapper {
width: 96%;
margin: 0 auto;
padding: 0 0 15px;
text-align: left;
background-color: $mainBgColor;
border: 3px solid $borderColor;
border-top: 0;
}
#main-wrapper {
margin-left: 1%;
width: 48%;
float: left;
background-color: transparent;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#left-sidebar-wrapper {
margin-left: 1%;
width: 22%;
float: left;
background-color: transparent;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
#right-sidebar-wrapper {
margin-right: 1%;
width: 22%;
float: right;
background-color: transparent;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}
/* Headings
----------------------------------------------- */
h2, h3 {
margin: 0;
}
/* POSTS
----------------------------------------------- */
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font: $dateHeaderFont;
text-align: right;
border-bottom: 1px solid $borderColor;
}
.post {
margin: 0;
padding-bottom: 1.5em;
}
.post-title {
margin: 5px 0 0 0;
padding: 0;
font: $postHeaderFont;
color: $postHeaderColor;
line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: $postHeaderColor;
font: $postHeaderFont;
}
.post-footer {
font-size: 85%;
color: $textColor;
}
.post img {
padding: 4px;
border: 1px solid $borderColor;
}
.post blockquote {
margin: 1em 20px;
padding: 5px 5px;
border-top: 1px solid $borderColor;
border-bottom: 1px solid $borderColor;
background-color: $bqBgColor;
color: $bqTextColor;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background-color: $bodyBgColor;
background: url(http://home.planet.nl/~hansoosting/images/bubblestrip.jpg) top left;
font: $sbHeaderFont;
color: $sidebarTitleTextColor;
border: solid 3px double $mainBgColor;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
margin: 0;
padding: 0 0 .5em 15px;
text-indent: -15px;
line-height: 1.5em;
}
.sidebar {
color: $textColor;
line-height:1.3em;
}
.sidebar .widget {
margin-bottom: 1em;
}
.sidebar .widget-content {
margin: 0 5px;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $borderColor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font-weight: bold;
line-height: 1.6em;
font-size: 78%;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
/* Footer
----------------------------------------------- */
#footer {
clear: both;
text-align: center;
color: $textColor;
}
#footer .widget {
margin:.5em;
padding-top: 20px;
font-size: 85%;
line-height: 1.5em;
text-align: left;
}
]]></b:skin>

</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<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='false' title='Bolton College (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background:transparent'>
<h1 class='title' style='background:transparent;border-width:0'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl
+ &quot;\&quot;); &quot;                
+ &quot;background-position: &quot;
+ data:backgroundPositionStyleStr + &quot;; &quot;
+ data:widthStyleStr
+ &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height
+ &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background:transparent'>
<h1 class='title' style='background:transparent;border-width:0'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display:block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display:block'/>
</a>
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='content-wrapper'>
<div id='left-sidebar-wrapper'>
<b:section class='sidebar' id='left-sidebar' preferred='yes'/>
</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='right-sidebar-wrapper'>
<b:section class='sidebar' id='right-sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == &quot;true&quot;'>
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/>
<b:if cond='data:photo.url != &quot;&quot;'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
<data:displayname/>
</a>
<b:if cond='data:hasgoogleprofile'>
<br/>
<div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
</b:if>
</dt>
<b:if cond='data:showlocation == &quot;true&quot;'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='&quot;archivedate &quot; + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>&#9660;&#160;</span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;&#160;
<b:else/>
&#9658;&#160;
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clear'>&#160;</div>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</div></div>
</body>
</html>

------------------------------------------------------------------------------------------------------------



------------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
------------------------------------------------------------------------------------------------------------


<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: GENERIC BLOGGER TEMPLATE HEADER WRAPPER
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small $bodyfont;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
background-color : $bgcolor;
background-image :
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq0giH4BZ4B35rwWpOCY9yAq4CKycowD1yRikXjAvcAiM9U81PWqH2bRmnBCGQvO3NwzuypxqfjxLo-owYGdj-vf4qiNWZkB9jHtYtnPmTHbxkvQLO79tOwKwy8PRVCsV2iAMhaI6Dr5a4/s1600/1600X1040.jpg);
background-position : Center Center;
background-attachment : fixed ;
background-repeat : repeat ;
border-color : #000000 ;
border-width : 0 px;
border-style : Solid ;
scrollbar-face-color : # ;
scrollbar-highlight-color: # ;
scrollbar-3dlight-color : # ;
scrollbar-shadow-color : # ;
scrollbar-darkshadow-color: # ;
scrollbar-arrow-color : # ;
scrollbar-track-color : # ;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$linkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
border: 2px solid #000000;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuyvDlHLCcTtMAYrmcGwuRx24CJ80LNpMOa81Vw3pvMWtFRjLoDvI8-NLD8NKivUayJg51-7zGyRfaKqs7-OTHtN5MHOipEsO5j9NRDt7rDCmATXBTWcEx6jpDfp2oRtK4w_KGhbf_9BhB/s1600/960X400.jpg) no-repeat;
height: 350px;
width:960px;
margin:0 auto 10px;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
text-align: center;
color:$pagetitlecolor;
background-color:#transparent;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOKoN4UljmVsRXtPCVrGLIy8qkm1esBGqEblw18eerzMOqiZ57Lyx9Q9IxZ0V2VQ8tBBHuWFbJT261cvexzXvDlXrSwDpZQzdRMnJeuoPMIWiPvZMjwWYF4D3hCCCFYAenIeNB8RwRJTwh/s1600/50X50.png);
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlecolor;
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $bodyfont;
color: $textcolor;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
border: 2px solid #000000;
width: 960px;
margin:0 auto;
padding:10px;
text-align:left;
font: $bodyfont;
}
#main-wrapper {
width: 650px;
float: left;
padding: 5px;
border: 2px solid #000000;
background-color:#transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
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: 260px;
float: right;
padding: 5px;
border: 2px solid #000000;
background-color:#transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
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 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$pagetitlecolor;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
background-color:transparent;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$pagetitlecolor;
}
.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 p {
margin:0 0 .75em;
line-height:1.6em;
}
.post-footer {
margin: .75em 0;
color:$textcolor;
text-transform:uppercase;
letter-spacing:.1em;
font: $bodyfont;
line-height: 1.4em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid $bordercolor;
}
.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: $textcolor;
padding: 5px;
border:1px solid $bordercolor;
background-color:#transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
}
#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: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
.sidebar {
color: $textcolor;
line-height: 1.5em;
}
.sidebar h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizmkSKfzfQpptjIW6iyp8d7ALdbafWDoZtEuBy5j0ROzrhCeJdR3i9BUxTJGEyqb5UEbr1F1itMfcXVFGcAVDay3Z_QTGJx2Pzq7aPx7K4XjuFeK_-FgO4eIBL9BImV2xoBTxN2JwzuDU7/s1600/Sidebar+H2.png) 0px 0 repeat no-repeat scroll transparent;
/*SIDEBAR TITLE COLOR*/
color:GOLD;
font-family:verdana, arial;
font-size:12px;
font-weight:bold;
height:33px;
margin:0;
padding:3px 0 3px 7px;
text-transform:uppercase;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
background:#FFFFFF;
width:250px;
padding:2px;
border:1px solid #666;
margin-top: 20px;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 2px;
box-shadow:0 0 12px #888;
-moz-box-shadow:0 0 12px #888;
-webkit-box-shadow:0 0 12px #888
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: $bodyfont;
color: $textcolor;
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: $bodyfont;
text-transform: uppercase;
letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:960px;
height:70px;
clear:both;
margin:0 auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
border: 2px solid #000000;
background-color:#transparent;
background-image:url(http://ct3.pimp-my-profile.com/tp/ffc0cb-50-tp.png);
}

]]></b:skin>

</head>

<body>

<div id='outer-wrapper'>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='WhereIsMyIpAdress (Header)' type='Header'>
</b:widget>
</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='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
</b:widget>
</b:section>
</div>

<div class='clear'>&#160;</div>

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div>

</body>
</html>











0 comments:

Post a Comment

:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
Click to see the code!
To insert emoticon you must added at least one space before the code.

FB Gadgets | Template Designed by Fatakat PhotosCoolBThemes.com
Code by : paid web directory

https://www.google.co.uk/search?q=site%3Ablogspot.com+fbgadgets