Templateku Masjid Nabawi

Post on 10-Apr-2015

40 views 3 download

Transcript of Templateku Masjid Nabawi

<?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:skin><![CDATA[/*

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

Blogger Template Style

Name: mosque madinah

Author: vio

URL: http://fretemplatesblog.blogspot.com/

Date: July 2009

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.

----------------------------------------------- */

#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="#333333">

<Variable name="linkcolor" description="Link Color"

type="color" default="#58a" value="#5588aa">

<Variable name="pagetitlecolor" description="Blog Title Color"

type="color" default="#666" value="#666666">

<Variable name="descriptioncolor" description="Blog Description Color"

type="color" default="#999" value="#999999">

<Variable name="titlecolor" description="Post Title Color"

type="color" default="#c60" value="#cc6600">

<Variable name="bordercolor" description="Border Color"

type="color" default="#ccc" value="#cccccc">

<Variable name="sidebarcolor" description="Sidebar Title Color"

type="color" default="#999" value="#999999">

<Variable name="sidebartextcolor" description="Sidebar Text Color"

type="color" default="#666" value="#666666">

<Variable name="visitedlinkcolor" description="Visited Link Color"

type="color" default="#999" value="#999999">

<Variable name="bodyfont" description="Text Font"

type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">

<Variable name="headerfont" description="Sidebar Title Font"

type="font"

default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

<Variable name="pagetitlefont" description="Blog Title Font"

type="font"

default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">

<Variable name="descriptionfont" description="Blog Description Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

<Variable name="postfooterfont" description="Post Footer Font"

type="font"

default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">

<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 {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(http://1.bp.blogspot.com/_u1lLXYtR-ow/SmhGEwDHiMI/AAAAAAAABIQ/0LCake8Gsaw/s1600/background.jpg) repeat scroll 0 0;

color:#333333;

font-family:Georgia Serif;

font-size:small;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:normal;

margin:0;

text-align:center;

}

a:link {

border-bottom:1px solid #777777;

color:#754C24;

text-decoration:none;

}

a:visited {

border-bottom:1px solid #888888;

color:#754C24;

text-decoration:none;

}

a:hover {

color:#000000;

text-decoration:none;

}

a img {

border-width:0;

}

#header-wrapper {

margin-left:auto;

margin-right:auto;

padding-top:32px;

width:820px;

}

#header-inner {

background-position:center center;

margin-left:auto;

margin-right:auto;

}

#header {

color:#D7D1BD;

margin:5px;

text-align:center;

}

#header h1 {

font-family:Georgia,Serif;

font-size:48px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

letter-spacing:-2px;

line-height:normal;

margin:5px 5px 1px;

padding:15px 20px 2px;

text-transform:uppercase;

}

#header a {

border-bottom:medium none;

color:#D7D1BD;

text-decoration:none;

}

#header a:hover {

color:#D7D1BD;

}

#header .description {

color:#D7D1BD;

font-family:georgia;

font-size:16px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

letter-spacing:1px;

line-height:normal;

margin:0 5px 5px;

padding-left:20px;

padding-right:20px;

padding-top:0;

text-transform:none;

}

#header img {

margin-left:auto;

margin-right:auto;

}

#outer-wrapper {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(http://4.bp.blogspot.com/_u1lLXYtR-ow/SmhGUJKdQWI/AAAAAAAABIY/EpbWmiCxDZ8/s1600/wrap.jpg) no-repeat scroll 0 0;

font-family:Georgia,Serif;

font-size:100%;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:normal;

margin:-35px auto 0;

padding:10px;

text-align:left;

width:960px;

}

#main-wrapper {

float:left;

overflow:hidden;

width:550px;

word-wrap:break-word;

}

#sidebar-wrapper {

color:#000000;

float:right;

margin-top:39px;

overflow:hidden;

width:220px;

word-wrap:break-word;

}

h2 {

border-bottom:1px solid;

color:#327C23;

font-family:georgia;

font-size:16px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

letter-spacing:0;

line-height:1.4em;

margin:1.5em 0 0.75em;

text-transform:none;

}

h2.date-header {

border:medium none;

color:#666666;

font-size:12px;

margin-left:0;

margin-right:0;

margin-top:1.5em;

}

.post {

margin:0.5em 0 1.5em;

padding-bottom:1.5em;

}

.post h3 {

color:#000000;

font-family:arial;

font-size:22px;

font-weight:bold;

line-height:1.4em;

margin:-5px 0 0;

padding:0 0 4px;

}

.post h3 a, .post h3 a:visited, .post h3 strong {

border-bottom:medium none;

color:#000000;

display:block;

font-weight:bold;

text-decoration:none;

}

.post h3 strong, .post h3 a:hover {

color:#333333;

}

.post-body {

color:#000000;

font-family:arial;

font-size:14px;

line-height:1.6em;

margin:0 0 0.75em;

}

.post-body blockquote {

line-height:1.3em;

}

.post-footer {

border-top:1px solid #998E72;

color:#327C23;

font-family:georgia;

font-size:12px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

letter-spacing:0;

margin:0.75em 0;

padding-bottom:5px;

padding-left:12px;

padding-top:5px;

text-align:left;

text-transform:none;

}

.comment-link {

margin-left:0.6em;

}

.post img {

border:1px solid #CCCCCC;

padding:2px;

}

.post blockquote {

font-family:georgia;

font-style:italic;

margin:1em 20px;

}

.post blockquote p {

margin:0.75em 0;

}

.comment-author {

}

#comments h4 {

color:#666666;

font-weight:bold;

letter-spacing:0.2em;

line-height:1.4em;

margin:1em 0;

text-transform:none;

}

#comments-block {

line-height:1.6em;

margin:1em 0 1.5em;

}

#comments-block .comment-author {

border:1px solid #EEEEEE;

font-size:15px;

font-weight:normal;

margin-right:20px;

padding:5px;

}

#comments .blogger-comment-icon, .blogger-comment-icon {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#998E72 none repeat scroll 0 0;

border-color:#998E72;

border-style:solid;

border-width:2px 1px 1px;

line-height:16px;

padding:5px;

}

#comments-block .comment-body {

border-left:1px solid #998E72;

border-right:1px solid #998E72;

margin-left:0;

margin-right:20px;

padding:7px;

}

#comments-block .comment-footer {

border-bottom:1px solid #998E72;

border-left:1px solid #998E72;

border-right:1px solid #998E72;

font-size:11px;

line-height:1.4em;

margin:-0.25em 20px 2em 0;

padding:5px;

text-transform:none;

}

#comments-block .comment-body p {

margin:0 0 0.75em;

}

.deleted-comment {

color:gray;

font-style:italic;

}

#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 {

color:#000000;

line-height:1.5em;

}

.sidebar ul {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:0;

padding:0;

}

.sidebar li {

line-height:1.5em;

margin:0;

padding:0 0 0.25em 15px;

text-indent:-15px;

}

.sidebar .widget, .main .widget {

margin:0 0 1.5em;

}

.main .Blog {

border-bottom-width:0;

}

.profile-img {

border:1px solid #CCCCCC;

float:left;

margin:0 5px 5px 0;

padding:4px;

}

.profile-data {

color:#999999;

font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;

font-size:78%;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:bold;

letter-spacing:0.1em;

line-height:1.6em;

margin:0;

text-transform:uppercase;

}

.profile-datablock {

margin:0.5em 0;

}

.profile-textblock {

line-height:1.6em;

margin:0.5em 0;

}

.profile-link {

font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;

font-size:78%;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

letter-spacing:0.1em;

line-height:normal;

text-transform:uppercase;

}

#footer {

clear:both;

color:#EEEEEE;

font-family:arial;

letter-spacing:0;

line-height:1.6em;

margin:0 auto 10px;

padding-left:30px;

text-align:left;

text-transform:none;

width:861px;

}

#content {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(http://1.bp.blogspot.com/_u1lLXYtR-ow/SmhGpd2lvgI/AAAAAAAABIg/fC5nGDmjx_Y/s1600/content.jpg) repeat-y scroll 0 0;

margin:20px auto 5px;

width:860px;

}

.wrapper {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(http://1.bp.blogspot.com/_u1lLXYtR-ow/SmhG2hecNJI/AAAAAAAABIo/vdshp27by6Q/s1600/top.jpg) no-repeat scroll center top;

padding:20px;

width:820px;

}

.menu {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(http://4.bp.blogspot.com/_u1lLXYtR-ow/SmhG_8xehQI/AAAAAAAABIw/d7F9ykDjsH4/s1600/menu.jpg) repeat-x scroll 0 0;

color:#A67C52;

height:47px;

width:820px;

}

.menuleft {

float:left;

width:600px;

}

.menuright {

float:right;

width:200px;

}

ul.menulist, ul.menulist-r {

list-style-type:none;

margin:0;

padding:0;

}

ul.menulist li {

border-right:1px solid #502C09;

display:block;

float:left;

font-size:11px;

padding:0 20px 5px;

}

ul.menulist li a, ul.menulist-r a {

display:block;

font-size:14px;

letter-spacing:-1px;

line-height:12px;

padding:10px 0 0;

text-transform:uppercase;

}

ul.menulist-r li {

border-left:1px solid #502C09;

display:block;

font-size:11px;

padding:0 15px 5px;

}

ul.menulist li:hover, ul.menulist-r li:hover {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(http://3.bp.blogspot.com/_u1lLXYtR-ow/SmhHJSDPEcI/AAAAAAAABI4/lURAI4puCmo/s1600/menu-hover.jpg) repeat-x scroll 0 0;

}

.menu a {

border-bottom:medium none;

color:#FFFFFF;

text-decoration:none;

}

.rss {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent url(http://2.bp.blogspot.com/_u1lLXYtR-ow/SmhHSvkh2rI/AAAAAAAABJA/kiEh3C5VpM8/s1600/rss.jpg) no-repeat scroll 0 2px;

padding:0 0 10px 33px;

}

.rssd {

padding:0 0 0 33px;

}

.banner {

margin:0;

padding:0;

width:820px;

}

.sidebar a {

border-bottom:medium none;

}

.post-footer a {

border-bottom:medium none;

}

.comment-author a {

color:#FFFFFF;

}

.comment-author {

color:#FFFFFF;

}

#search {

float:right;

margin:0 0 5px;

padding:10px 0 5px;

width:220px;

}

#search input#searchsubmit {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#EDEDD4 none repeat scroll 0 0;

border:1px solid #AAA380;

font-family:Georgia;

font-size:11px;

margin:0 0 10px 2px;

padding:3px 5px;

}

#search input#s {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#EDEDD4 none repeat scroll 0 0;

border:1px solid #AAA380;

font-family:Georgia;

font-size:11px;

padding:4px 5px;

width:130px;

}

#search-page {

margin:0 0 5px;

padding:10px 0 5px;

}

#search-page input #searchsubmit {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#EDEDD4 none repeat scroll 0 0;

border:1px solid #AAA380;

font-family:Georgia;

font-size:11px;

margin:0 0 10px 2px;

padding:3px 5px;

}

#search-page input#s {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:#EDEDD4 none repeat scroll 0 0;

border:1px solid #AAA380;

font-family:Georgia;

font-size:11px;

padding:4px 5px;

width:260px;

}

#footer a {

color:#eee;

}

#footer a:hover {

color:#fff;

}

]]></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='MAJELIS TA`LIM DAN DZIKIR &quot; MASAAFIRUL KHOONAH &quot; (Header)' type='Header'/>

</b:section>

</div>

<div id='content'>

<div class='wrapper'>

<div class='menu'><!--start of menu-->

<div class='menuleft'>

<ul class='menulist'>

<li><a expr:href='data:blog.homepageUrl'>HOME</a><span>main page</span></li>

<li><a href='http://thoriqohtijaniyyahsufyaniyyah.blogspot.com/'>MUQODDAM THORIQOH</a><span>Tijaniyyah</span></li>

<li><a href='http://azzikr.webs.com/apps/photos/'>PHOTO GALLERY</a><span>Hukama $ Kubaro</span></li>

<li><a href='http://www.facebook.com/group.php?gid=139112772781352'>FACEBOOK</a><span>Masaafirul Khoonah</span></li>

</ul>

</div>

<div class='menuright'>

<ul class='menulist-r'>

<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><span class='rss'>Subscribe to RSS</span></a><span class='rssd'>keep updated!</span></li>

</ul>

</div>

<div class='clear'/>

</div><!--end of menu-->

<div class='banner'><!--start of banner-->

<img alt='Rocks My World' src='http://i247.photobucket.com/albums/gg147/siti_muchidah/header.jpg'/>

</div><!--end of banner-->

<div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>

<b:section class='crosscol' id='crosscol' showaddelement='no'/>

</div>

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

</b:section>

</div>

<div id='sidebar-wrapper'>

<div id='search'>

<form action='/search' id='searchthis' method='get'>

<div>

<input id='s' name='q' size='15' type='text' value=''/>

<input alt='Search' id='searchsubmit' type='submit' value='Search'/>

</div>

</form>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>

<b:widget id='Label1' locked='false' title='Categories' type='Label'/>

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

<b:widget id='PageList2' locked='false' title='' type='PageList'/>

<b:widget id='PageList1' locked='false' title='Laman' type='PageList'/>

<b:widget id='Followers1' locked='false' title='PENGIKUT' type='Followers'/>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>

</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></div>

<div id='footer'>

Copyright &#169; 2009 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | <a href='http://templatebloger.blogspot.com/'>Blogger Templates</a> created by <a href='http://usedweldingmachines.blogspot.com/'>Deluxe welding</a> | Designed by <a href='http://fretemplatesblog.blogspot.com/'>free all templates</a>

</div>

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

</body>

</html>