Click this image to see my website

click this image to see my website

article about tayabas

The Church of Tayabas, or the Minor Basilica of Michael Archangel, is characteristic of many churches in the country with a plain façade, with its pale yellow paint streaked with the gray-green of age. A belfry stands at one side and a pasillo (hallway) at another. Next to the church is an elementary school and in front a plaza. The first church was established by Franciscans in 1585. The structure was made of bamboo, nipa and anahaw, and it underwent a series of renovations and expansions until 1894. Please visit This web site http://tayabas.ph/ have a more information about Tayabas Quezon Province.

edited template

edited code

*/
body {
margin-top: 12px;
margin-$endSide: 26px;
margin-bottom: 12px;
margin-$startSide: 12px;
background:#123 url("http://www.scenicreflections.com/files/sensesfailmirror_1024.jpg");
background-position: 50% 31px;
text-align:left;
font:x-small Verdana, Arial, Sans-serif;
color:white;
font-size/* */:/**/small;
font-size: /**/small;
background-attachment:fixed;
}


/* Page Structure
----------------------------------------------- */
#outer-wrapper {
background:url("http://muz-zone.alport.lg.ua/uploads/posts/thumbs/1188138486_cover.jpg") no-repeat 250px 50px;
width:700px;
margin:0 auto;
text-align:$startSide;
font:$bodyfont;
}

#header-wrapper {
display: none;
}

#main-wrapper {
width:450px;
float:$endSide;
padding:90px 0 30px;
font-size:70%;
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 {
background:url("http://sf0.org/media/CrusherJoe/keywork-bloodre18727.jpg") -150px -100px;
padding:20px 10px 15px;
background-attachment:fixed;
}
#sidebar-wrapper {
width:200px;
float:$startSide;
font-size:90%;
padding-bottom:40px;
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 {
background:url("http://i78.photobucket.com/albums/j84/gozzhead/underoath.jpg") 260px -50px;
padding:40px 30px 30px;
width:300px;
width/* */:/**/180px;
width: /**/180px;
}

/* Title & Description
----------------------------------------------- */

.Header h1 {
margin:1 0 .10em;
line-height: 2.4em;
font: $pagetitlefont;
color: white;
}
.Header h1 a {
color:red;
text-decoration:none;
}

.Header .description {
margin:1 0 2.75em;
color: white;
font: $blogDescriptionFont;
}


/* Links
----------------------------------------------- */
a:link {
color:$linkcolor;
}
a:visited {
color:$vlinkcolor;
}
a:hover {
color:$vlinkcolor;
}
a img {
border-width:0;
}


/* Posts
----------------------------------------------- */
h2.date-header {
margin:1 0 1.75em;
padding-bottom:.50em;
border-bottom:1px dotted $borderColor;
text-transform: lowercase;
letter-spacing:.5em;
color: $dateheadercolor;
font: $dateHeaderFont;
}
.post {
margin:0 0 2.5em;
}
.post h3 {
margin:.25em 0;
line-height: 1.4em;
font: $headerfont;
font-size: 150%;
font-weight: bold;
color:white;
background:url("http://www1.blogblog.com/dots_dark/bg_post_title_$startSide.gif") no-repeat $startSide .25em;
padding-top:0;
padding-$endSide:0;
padding-bottom:1px;
padding-$startSide:45px;
}

.post h3 a {
text-decoration:none;
color: $posttitle;
}
.post h3 a:hover {
color: $textcolor;
}

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

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

.post-footer {
margin:0;
}

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

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

.post-author, .post-timestamp {
color:$posttitle;
}

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/dots_dark/icon_comment_$startSide.gif") no-repeat $startSide .25em;
padding-$startSide:15px;
}
html>body a.comment-link {
/* Respecified, for IE5/Mac's benefit */
background:url("http://www.blogblog.com/dots_dark/icon_comment_$startSide.gif") no-repeat $startSide .25em;
padding-$startSide:15px;
}
.post img {
margin-top:0;
margin-$endSide:0;
margin-bottom:5px;
margin-$startSide:0;
padding:4px;
border:1px solid $borderColor;
}

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

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

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

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

/* Comments
----------------------------------------------- */
#comments {
margin:0;
}
#comments h4 {
margin:0 0 10px;
border-top:1px dotted $borderColor;
padding-top:.5em;
line-height: 1.4em;
font: bold 110% Georgia,Serif;
color:#9c7;
}
#comments-block {
line-height:1.6em;
}
.comment-author {
background:url("http://www.blogblog.com/dots_dark/icon_comment_$startSide.gif") no-repeat 2px .35em;
margin:.5em 0 0;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
font-weight:bold;
}
.comment-body {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-footer {
margin:0 0 .5em;
padding-top:0;
padding-$endSide:0;
padding-bottom:.75em;
padding-$startSide:20px;
color:#996;
}
.comment-footer a:link {
color:#996;
}
.deleted-comment {
font-style:italic;
color:gray;
}


/* More Sidebar Content
----------------------------------------------- */
.sidebar h2 {
margin:2em 0 .75em;
padding-bottom:.35em;
border-bottom:1px dotted $borderColor;
line-height: 1.4em;
font: $headerfont;
text-transform:lowercase;
color:$sidebartitle;
}
.sidebar p {
margin:0 0 .75em;
line-height:1.6em;
}
.sidebar ul {
list-style:none;
margin:.5em 0;
padding:0 0px;
}

.sidebar .widget {
margin: .5em 0 1em;
padding: 0 0px;
line-height: 1.5em;
}

.main .widget {
padding-bottom: 1em;
}

.sidebar ul li {
background:url("http://www1.blogblog.com/dots_dark/bullet.gif") no-repeat 3px .45em;
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:5px;
padding-$startSide:15px;
}
.sidebar p {
margin:0 0 .6em;
}

/* Profile
----------------------------------------------- */
.profile-datablock {
margin: 0 0 1em;
}

.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 8px;
margin-bottom: 5px;
margin-$startSide: 0;
border: 4px solid #345;
}

.profile-data {
margin: 0;
line-height: 1.5em;
}
.profile-textblock {
clear: $startSide;
margin-$startSide: 0;
}

/* Footer
----------------------------------------------- */
#footer {
clear:both;
padding:15px 0 0;
}

#footer p {
margin:0;
}

/* Page structure tweaks for layout editor wireframe */
body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper {
padding: 0;
}

body#layout #sidebar-wrapper,
body#layout #sidebar {
padding: 0;
width: 240px;
}
]]>

33 edited codes





skip to main
skip to sidebar

original template

-----------------------------------------------
Blogger Template Style
Name: Dots Dark
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 24 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================
default="#abc" value="#aabbcc">
default="#8dd" value="#88dddd">
type="color" default="#9c7" value="#99cc77">
default="#9c7" value="#99cc77">
default="#da7" value="#ddaa77">
default="#799" value="#779999">
type="color" default="#7bc" value="#77bbcc">
default="#7bc" value="#77bbcc">
type="color" default="#567" value="#556677">
default="normal normal 100% Verdana,Arial,Sans-Serif" value="normal normal 100% Verdana,Arial,Sans-Serif">
default="normal bold 250% Helvetica,Arial,Sans-serif" value="normal bold 250% Helvetica,Arial,Sans-serif">
type="font" default="normal normal 100% Helvetica, Arial, Sans-serif" value="normal normal 100% Helvetica, Arial, Sans-serif">
type="font" default="normal bold 100% Verdana, Sans-serif" value="normal bold 100% Verdana, Sans-serif">
default="normal bold 95% Verdana,Sans-serif" value="normal bold 95% Verdana,Sans-serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">
*/
body {
margin-top: 0px;
margin-$endSide: 0px;
margin-bottom: 0px;
margin-$startSide: 0px;
background:#123 url("http://www.blogblog.com/dots_dark/bg_minidots.gif");
background-position: 50% 31px;
text-align:left;
font:x-small Verdana, Arial, Sans-serif;
color:$textcolor;
font-size/* */:/**/small;
font-size: /**/small;
}


/* Page Structure
----------------------------------------------- */
#outer-wrapper {
background:url("http://www.blogblog.com/dots_dark/bg_3dots.gif") no-repeat 250px 50px;
width:700px;
margin:0 auto;
text-align:$startSide;
font:$bodyfont;
}

#header-wrapper {
display: none;
}

#main-wrapper {
width:450px;
float:$endSide;
padding:100px 0 20px;
font-size:85%;
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 {
background:url("http://www2.blogblog.com/dots_dark/bg_minidots2.gif") -100px -100px;
padding:20px 10px 15px;
}
#sidebar-wrapper {
width:200px;
float:$startSide;
font-size:85%;
padding-bottom:20px;
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 {
background:url("http://www2.blogblog.com/dots_dark/bg_minidots2.gif") 150px -50px;
padding:40px 10px 15px;
width:200px;
width/* */:/**/180px;
width: /**/180px;
}

/* Title & Description
----------------------------------------------- */

.Header h1 {
margin:0 0 .5em;
line-height: 1.4em;
font: $pagetitlefont;
color: $pagetitle;
}
.Header h1 a {
color:$pagetitle;
text-decoration:none;
}

.Header .description {
margin:0 0 1.75em;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
}


/* Links
----------------------------------------------- */
a:link {
color:$linkcolor;
}
a:visited {
color:$vlinkcolor;
}
a:hover {
color:$vlinkcolor;
}
a img {
border-width:0;
}


/* Posts
----------------------------------------------- */
h2.date-header {
margin:0 0 .75em;
padding-bottom:.35em;
border-bottom:1px dotted $borderColor;
text-transform: lowercase;
letter-spacing:.3em;
color: $dateheadercolor;
font: $dateHeaderFont;
}
.post {
margin:0 0 2.5em;
}
.post h3 {
margin:.25em 0;
line-height: 1.4em;
font: $headerfont;
font-size: 130%;
font-weight: bold;
color:$posttitle;
background:url("http://www1.blogblog.com/dots_dark/bg_post_title_$startSide.gif") no-repeat $startSide .25em;
padding-top:0;
padding-$endSide:0;
padding-bottom:1px;
padding-$startSide:45px;
}

.post h3 a {
text-decoration:none;
color: $posttitle;
}
.post h3 a:hover {
color: $textcolor;
}

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

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

.post-footer {
margin:0;
}

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

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

.post-author, .post-timestamp {
color:$posttitle;
}

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/dots_dark/icon_comment_$startSide.gif") no-repeat $startSide .25em;
padding-$startSide:15px;
}
html>body a.comment-link {
/* Respecified, for IE5/Mac's benefit */
background:url("http://www.blogblog.com/dots_dark/icon_comment_$startSide.gif") no-repeat $startSide .25em;
padding-$startSide:15px;
}
.post img {
margin-top:0;
margin-$endSide:0;
margin-bottom:5px;
margin-$startSide:0;
padding:4px;
border:1px solid $borderColor;
}

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

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

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

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

/* Comments
----------------------------------------------- */
#comments {
margin:0;
}
#comments h4 {
margin:0 0 10px;
border-top:1px dotted $borderColor;
padding-top:.5em;
line-height: 1.4em;
font: bold 110% Georgia,Serif;
color:#9c7;
}
#comments-block {
line-height:1.6em;
}
.comment-author {
background:url("http://www.blogblog.com/dots_dark/icon_comment_$startSide.gif") no-repeat 2px .35em;
margin:.5em 0 0;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
font-weight:bold;
}
.comment-body {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:20px;
}
.comment-body p {
margin:0 0 .5em;
}
.comment-footer {
margin:0 0 .5em;
padding-top:0;
padding-$endSide:0;
padding-bottom:.75em;
padding-$startSide:20px;
color:#996;
}
.comment-footer a:link {
color:#996;
}
.deleted-comment {
font-style:italic;
color:gray;
}


/* More Sidebar Content
----------------------------------------------- */
.sidebar h2 {
margin:2em 0 .75em;
padding-bottom:.35em;
border-bottom:1px dotted $borderColor;
line-height: 1.4em;
font: $headerfont;
text-transform:lowercase;
color:$sidebartitle;
}
.sidebar p {
margin:0 0 .75em;
line-height:1.6em;
}
.sidebar ul {
list-style:none;
margin:.5em 0;
padding:0 0px;
}

.sidebar .widget {
margin: .5em 0 1em;
padding: 0 0px;
line-height: 1.5em;
}

.main .widget {
padding-bottom: 1em;
}

.sidebar ul li {
background:url("http://www1.blogblog.com/dots_dark/bullet.gif") no-repeat 3px .45em;
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:5px;
padding-$startSide:15px;
}
.sidebar p {
margin:0 0 .6em;
}

/* Profile
----------------------------------------------- */
.profile-datablock {
margin: 0 0 1em;
}

.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 8px;
margin-bottom: 5px;
margin-$startSide: 0;
border: 4px solid #345;
}

.profile-data {
margin: 0;
line-height: 1.5em;
}
.profile-textblock {
clear: $startSide;
margin-$startSide: 0;
}

/* Footer
----------------------------------------------- */
#footer {
clear:both;
padding:15px 0 0;
}

#footer p {
margin:0;
}

/* Page structure tweaks for layout editor wireframe */
body#layout #sidebar, body#layout #main,
body#layout #main-wrapper,
body#layout #outer-wrapper,
body#layout #sidebar-wrapper {
padding: 0;
}

body#layout #sidebar-wrapper,
body#layout #sidebar {
padding: 0;
width: 240px;
}
]]>

skip to main |
skip to sidebar