Catalla 101: 2008

Tuesday, December 9, 2008

Girl 3-Column

Template name: Girl 3-Column
Size: 40KB
Type: New Blogger Template (XML)
3 Column, Fixed Width, Editable
Best quality (IE & Firefox) all Size and Resolutions
Large size
Sample
Help

COPY & PASTE CODE

<?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 xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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: Girl 3-column----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: December 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#666"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#515F6C"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#ffc"> <variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f93"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#80aad5"> <variable name="footercolor" description="Post Footer Color" type="color" default="#E4B181"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#80aad5"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#80aad5"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#80aad5"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#369"> <variable name="linkcolor" description="Link Color" type="color" default="#80aad5"> <variable name="linkhover" description="Link Hover Color" type="color" default="#f93"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#80aad5"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#666"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 83% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 340% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 105% 'Times New Roman','Georgia'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 135% 'Times New Roman','Georgia'"> <variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 91% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 86% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor} blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: $linkcolor; text-decoration: none; } a:visited { color: $visitedlinkcolor; text-decoration: none; } a:hover { color: $linkhover; text-decoration: none; } a:active { color: $visitedlinkcolor; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 920px; margin: 0px auto 0; text-align: justify; } #content-wrapper { margin-left: 0px; /* to avoid the border image */ width: 100%; } #main { float: left; width: 418px; margin:0px 5px; padding: 0px 0px 0px 14px; 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 */ } #sidebar { float: left; width:200px; padding-left:30px; font-size: 85%; color: $sidebartextcolor; line-height: 1.4em; 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 */ } #ads-wrapper {float:right; width:200px; padding-right:43px; 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 */} #ads{font-size: 100%; color: $sidebartextcolor; padding: 0px; } #center {background:#fff url('http://lh5.google.com/jvdmds/R19kSLoNgUI/AAAAAAAABA8/HMBTgSkGmoI/girl-b.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; } #header { margin: 0; height:306px; width:920; color: $pagetitlecolor; background: url('http://lh6.google.com/jvdmds/R19jmboNgOI/AAAAAAAAA_0/sGxVe9K5xTc/girl-a.jpg') no-repeat top left; overflow: hidden} #header h1 { width:630px; font: $pagetitlefont; margin:120px 40px 5px 50px; padding:5px; filter: glow(color=#000000,Strength=5); text-align:left;} #header h1 a { text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover { color: $descriptioncolor; } #header .description { margin:-10px 5px 5px 50px; width:630px; text-align:left; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header {font-size: 70%; color: $datecolor; margin:0px; text-align: left;} .post h3 {text-align: left; font: $titlefont; color: $titlecolor; border-top: 1px solid #f93; border-bottom: 1px solid #f93;} .post {padding:0px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover {color: $titlehovercolor; text-decoration: none;} .post-footer {height:30px; margin:0px; text-align: right; font-size: 88%; color:$footercolor;} .post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #f93;} .blog-feeds {text-align: right; color:$footercolor;} #blog-pager-newer-link {float: left} #blog-pager-older-link {float: right} #blog-pager {text-align: center} /* comment styles */ #comments { padding-top: 10px; font-size: 95%; line-height: 1.5em; color: $Commentscolor; } #comments h4 { margin: 5px 0px; padding: 2px 0 0 20px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 110%; color: $Commentscolor; height: 30px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 5px 10px;} .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { background: 0 5px; } .profile-textblock {margin-left: 3px;} .profile-img {float:left; margin:5px; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both;} #footer-wrapper {margin: 0px; padding:0px; font-size: 77%; clear: both;} #footer {margin: 0; width:920px; height:116px; background: url('http://lh4.google.com/jvdmds/R19jm7oNgPI/AAAAAAAAA_8/bXHmNHPGjt0/girl-c.jpg') no-repeat top left; text-align:center; color: #eddeb5} #footer-wrapper a {color: #eddeb5; text-decoration: none; line-height:62px} #footer-wrapper a:hover{color: #fff; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { padding:0px} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]> </b:skin> </head> <body> <div id="'outer-wrapper'"> <div id="'wrap2'">  <a href="#main" shape="'rect'">skip to main</a> <a href="#sidebar" shape="'rect'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'yes'"> <b:widget id="'Blog1'" locked="'false'" title="'Blog" type="'Blog'"> </b:section> </div> <div id="'ads-wrapper'"> <b:section class="'sidebar'" id="'ads'" preferred="'yes'"> <b:widget id="'Label1'" locked="'false'" title="'Ads'" type="'Label'"> <b:widget id="'HTML1'" locked="'false'" title="'Text-Ads'" type="'HTML'"> <b:widget id="'HTML2'" locked="'false'" title="'Links'" type="'HTML'"> <b:widget id="'HTML3'" locked="'false'" title="'Feeds'" type="'HTML'"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Blogger Templates" href="http://www.catalla101.tk" shape="rect">CATALLA 101</a> </div> </div> </div> </div> </body> </html>

Note: Replace this XML code with your current code (only for new Blogger)...>>>
you are allowed to use this theme for your blog. free of charge. We do require though that you will keep the hyperlink to our website of the theme while using it.

Beta Suit

Template name: Beta Suit
Size: 53KB
Type: New Blogger Template (XML)
2 Column, Fixed Width, Editable
Best quality (IE & Firefox) all Size and Resolutions
Large size
Sample
Help

COPY & PASTE CODE

<?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 xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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: beta suit--- *Designer: J.Aghili----------- * URL: www.finalsense.com ------ * Date: December 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#555"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#660000"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#EDDEB5"> <variable name="datecolor" description="Date Header Color" type="color" default="#f90"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f93"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#369"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#EDDEB5"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#ad6804"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#EDDEB5"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#f90"> <variable name="linkcolor" description="Link Color" type="color" default="#369"> <variable name="linkhover" description="Link Hover Color" type="color" default="#f90"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#369"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#666"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 82% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 350% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 100% 'Times New Roman','Georgia'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 150% 'Times New Roman','Georgia'"> <variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 91% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor; } blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul {list-style: none; margin-left: 7px; padding: 0;} li {list-style: none; padding-left: 8px; margin-bottom: 3px;} /* links */ a:link {color: $linkcolor; text-decoration: none;} a:visited {color: $visitedlinkcolor; text-decoration: none;} a:hover { color: $linkhover; text-decoration: none;} a:active { color: $visitedlinkcolor; text-decoration: none;} /* ---( layout structure )---*/ #outer-wrapper {width:848px; margin: 0px auto; text-align: justify; } #content-wrapper { margin: 0px; /* to avoid the border image */ width: 100%;} #main { float:right; width:479px; margin: 0px; padding-right:67px; line-height: 1.2em; 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 { float:left; width:235px; padding-left:37px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; 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 */ } #center {background:#ccc url('http://lh4.google.com/jvdmds/R19kR7oNgRI/AAAAAAAABAk/GaeNLT5E4fg/beta-suit-2.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0px; padding: 0px} #header {height:437px; overflow: hidden; width:848px; color: $pagetitlecolor; background: url('http://lh6.google.com/jvdmds/R19jgboNgKI/AAAAAAAAA_U/KYt4lYioqkI/beta-suit-1.jpg') no-repeat top left; } #header h1 {width:500px; font: $pagetitlefont; margin:160px 20px 5px 50px; padding:5px; filter: blur(Strength=9); text-align:left; } #header h1 a {text-decoration: none; color: $pagetitlecolor;} #header h1 a:hover {color: $descriptioncolor;} #header .description {margin:-10px 20px 5px 50px; text-align:left; width:400px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; } .post h3 { text-align: left; font: $titlefont; color: $titlecolor; border-top: 1px solid #f90; border-bottom: 1px solid #f90; } .post {padding:0px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover {color: $titlehovercolor; text-decoration: none; } .post-footer {height:30px; margin:0px; text-align: right; font-size: 88%; color:$footercolor; } .post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #f90; } .blog-feeds {text-align: right; color:$footercolor;} #blog-pager-newer-link {float: left; } #blog-pager-older-link {float: right; } #blog-pager {text-align: center;} /* comment styles */ #comments { padding-top: 10px; font-size: 88%; line-height: 1.5em; color: $Commentscolor;} #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover;} .sidebar li { } .profile-textblock { margin: 0.5em 0; line-height: 1.6em;} .profile-img {float: right; margin:3px; border: 1px solid #ddd; padding: 3px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer {margin: 0; width:848px; height:133px; background: url('http://lh4.google.com/jvdmds/R19jg7oNgLI/AAAAAAAAA_c/sB9uk0fv6PE/beta-suit-3.jpg') no-repeat top left; text-align:center; color: #eddeb5; } #footer-wrapper {margin: 0; font-size: 75%; clear: both} #footer-wrapper a { color: #eddeb5; text-decoration: none; line-height:133px;} #footer-wrapper a:hover{ color: #fff; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar {padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper {padding-top: 0} body#layout #sidebar {margin-right: 0;} body#layout #header,body#layout #footer, body#layout #main {padding: 0;} body#layout #content-wrapper {margin: 0px;} #navbar-iframe {height:0px; visibility:hidden; display:none} ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="#main">skip to main </a> <a href="#sidebar">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Free" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Blogger Templates" href="http://www.catalla101.tk" shape="rect">CATALLA 101</a> </div> </div> </div></div>  </body> </html>

Sandwich

Template name: Sandwich
Size: 55KB
Type: New Blogger Template (XML)
2 Column, Fixed Width, Editable
Best quality (IE & Firefox) all Size and Resolutions
Large size
Sample
Help

COPY & PASTE CODE

<?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 xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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: Sandwich--- *Designer: J.Aghili----------- * URL: www.finalsense.com ------ * Date: December 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#555"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#208D15"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#FBD52C"> <variable name="datecolor" description="Date Header Color" type="color" default="#f90"> <variable name="titlecolor" description="Post Title Color" type="color" default="#208D15"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#f90"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#218d15"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#ad6804"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#218d15"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#069"> <variable name="linkcolor" description="Link Color" type="color" default="#369"> <variable name="linkhover" description="Link Hover Color" type="color" default="#f90"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#369"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#666"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 82% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 350% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 100% 'Times New Roman','Georgia'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 150% 'Times New Roman','Georgia'"> <variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 91% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor; } blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul {list-style: none; margin-left: 7px; padding: 0;} li {list-style: none; padding-left: 8px; margin-bottom: 3px;} /* links */ a:link {color: $linkcolor; text-decoration: none;} a:visited {color: $visitedlinkcolor; text-decoration: none;} a:hover { color: $linkhover; text-decoration: none;} a:active { color: $visitedlinkcolor; text-decoration: none;} /* ---( layout structure )---*/ #outer-wrapper {width:881px; margin: 0px auto; text-align: justify; } #content-wrapper { margin: 0px; /* to avoid the border image */ width: 100%;} #main { float:right; width:580px; margin: 0px; padding-right:20px; line-height: 1.2em; 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 { float:left; width:205px; padding-left:30px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; 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 */ } #center {background:#fff url('http://lh3.google.com/jvdmds/R19kcroNgWI/AAAAAAAABBM/r1mWPLuUhT4/sandwich-2.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0px; padding: 0px} #header {height:388px; overflow: hidden; width:881px; color: $pagetitlecolor; background: url('http://lh4.google.com/jvdmds/R19jY7oNgGI/AAAAAAAAA-0/Gnd16u2T-ec/sandwich-1.jpg') no-repeat top left; } #header h1 {width:800px; font: $pagetitlefont; margin:20px 20px 5px 40px; padding:5px; filter: glow(color=#000000,Strength=5); text-align:left; } #header h1 a {text-decoration: none; color: $pagetitlecolor;} #header h1 a:hover {color: $descriptioncolor;} #header .description {margin:60px 20px 5px 40px; text-align:left; width:360px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; } .post h3 { text-align: left; font: $titlefont; color: $titlecolor; border-top: 1px solid #208D15; border-bottom: 1px solid #208D15; } .post {padding:0px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover {color: $titlehovercolor; text-decoration: none; } .post-footer {height:30px; margin:0px; text-align: right; font-size: 88%; color:$footercolor; } .post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #208D15; } .blog-feeds {text-align: right; color:$footercolor;} #blog-pager-newer-link {float: left; } #blog-pager-older-link {float: right; } #blog-pager {text-align: center;} /* comment styles */ #comments { padding-top: 10px; font-size: 88%; line-height: 1.5em; color: $Commentscolor;} #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover;} .sidebar li { } .profile-textblock { margin: 0.5em 0; line-height: 1.6em;} .profile-img {float: right; margin:3px; border: 1px solid #ddd; padding: 3px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer {margin: 0; width:881px; height:190px; background: url('http://lh3.google.com/jvdmds/R19jZroNgHI/AAAAAAAAA-8/G5zwjuMPtjg/sandwich-3.jpg') no-repeat top left; text-align:center; color: #FBD52C; } #footer-wrapper {margin: 0; font-size: 75%; clear: both; } #footer-wrapper a { color: #FBD52C; text-decoration: none; line-height:190px;} #footer-wrapper a:hover{ color: #fff; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar {padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper {padding-top: 0} body#layout #sidebar {margin-right: 0;} body#layout #header,body#layout #footer, body#layout #main {padding: 0;} body#layout #content-wrapper {margin: 0px;} #navbar-iframe {height:0px; visibility:hidden; display:none} ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="#main">skip to main </a> <a href="#sidebar">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Free" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Blogger Templates" href="http://www.catalla101.tk" shape="rect">CATALLA 101</a> </div> </div> </div></div>  </body> </html>

Orange Juice

Template name: Orange Juice
Size: 39KB
Type: New Blogger Template (XML)
2 Column, Fixed Width, Editable
Best quality (IE & Firefox) all Size and Resolutions
Large size
Sample
Help

COPY & PASTE CODE

<?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 xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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: Orang Juice--- *Designer: J.Aghili----------- * URL: www.finalsense.com ------ * Date: December 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#369"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#FCB840"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#f90"> <variable name="datecolor" description="Date Header Color" type="color" default="#f90"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f90"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#c11717"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#fff"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#eddeb5"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#fff"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#069"> <variable name="linkcolor" description="Link Color" type="color" default="#c11717"> <variable name="linkhover" description="Link Hover Color" type="color" default="#f90"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#c11717"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#555"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 82% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 350% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 100% 'Times New Roman','Georgia'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 150% 'Times New Roman','Georgia'"> <variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 91% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor; } blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul {list-style: none; margin-left: 7px; padding: 0;} li {list-style: none; padding-left: 8px; margin-bottom: 3px;} /* links */ a:link {color: $linkcolor; text-decoration: none;} a:visited {color: $visitedlinkcolor; text-decoration: none;} a:hover { color: $linkhover; text-decoration: none;} a:active { color: $visitedlinkcolor; text-decoration: none;} /* ---( layout structure )---*/ #outer-wrapper {width:896px; margin: 0px auto; text-align: justify; } #content-wrapper { margin: 0px; /* to avoid the border image */ width: 100%;} #main { float:right; width:580px; margin: 0px; padding-right:50px; line-height: 1.2em; 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 { float:left; width:205px; padding-left:30px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; 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 */ } #center {background:#ccc url('http://lh3.google.com/jvdmds/R19kcroNgVI/AAAAAAAABBE/24RA8_ZNSnA/orangs-2.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0px; padding: 0px} #header {height:437px; overflow: hidden; width:896px; color: $pagetitlecolor; background: url('http://lh5.google.com/jvdmds/R19jVLoNgEI/AAAAAAAAA-k/G2AXD7BIXK8/orangs-1.jpg') no-repeat top left; } #header h1 {width:440px; font: $pagetitlefont; margin:180px 20px 5px 40px; padding:5px; filter: glow(color=#000000,Strength=5); text-align:left; } #header h1 a {text-decoration: none; color: $pagetitlecolor;} #header h1 a:hover {color: $descriptioncolor;} #header .description {margin:-10px 20px 5px 40px; text-align:left; width:440px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; } .post h3 { text-align: left; font: $titlefont; color: $titlecolor; border-top: 1px solid #f90; border-bottom: 1px solid #f90; } .post {padding:0px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover {color: $titlehovercolor; text-decoration: none; } .post-footer {height:30px; margin:0px; text-align: right; font-size: 88%; color:$footercolor; } .post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #f90; } .blog-feeds {text-align: right; color:$footercolor;} #blog-pager-newer-link {float: left; } #blog-pager-older-link {float: right; } #blog-pager {text-align: center;} /* comment styles */ #comments { padding-top: 10px; font-size: 88%; line-height: 1.5em; color: $Commentscolor;} #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover;} .sidebar li { } .profile-textblock { margin: 0.5em 0; line-height: 1.6em;} .profile-img {float: right; margin:3px; border: 1px solid #ddd; padding: 3px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer {margin: 0; width:896px; height:81px; background: url('http://lh3.google.com/jvdmds/R19jVroNgFI/AAAAAAAAA-s/5iClM-nnZU0/orangs-3.jpg') no-repeat top left; text-align:center; color: #7F564B; } #footer-wrapper {margin: 0; font-size: 75%; clear: both; } #footer-wrapper a { color: #7F564B; text-decoration: none; line-height:81px;} #footer-wrapper a:hover{ color: #fff; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar {padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper {padding-top: 0} body#layout #sidebar {margin-right: 0;} body#layout #header,body#layout #footer, body#layout #main {padding: 0;} body#layout #content-wrapper {margin: 0px;} #navbar-iframe {height:0px; visibility:hidden; display:none} ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="#main">skip to main </a> <a href="#sidebar">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Free" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Blogger Templates" href="http://www.catalla101.tk" shape="rect">CATALLA 101</a> </div> </div> </div></div>  </body> </html>

A Coyote Chase

Template name: A Coyote Chase
Size: 49KB
Type: New Blogger Template (XML)
2 Column, Fixed Width, Editable
Best quality (IE & Firefox) all Size and Resolutions
Large size
Sample
Help

COPY & PASTE CODE

<?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 xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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: a coyote chase---- *Designer: J.Aghili----------- * URL: www.finalsense.com ------ * Date: December 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#369"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#F4BC6C"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#f90"> <variable name="datecolor" description="Date Header Color" type="color" default="#f90"> <variable name="titlecolor" description="Post Title Color" type="color" default="#f90"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#c11717"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#f90"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#eddeb5"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#f93"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#069"> <variable name="linkcolor" description="Link Color" type="color" default="#c11717"> <variable name="linkhover" description="Link Hover Color" type="color" default="#369"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#c11717"> <variable name="descriptioncolor" description="Description Color" type="color" default="#fff"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#555"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 82% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 330% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 100% 'Times New Roman','Georgia'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 140% 'Times New Roman','Georgia'"> <variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 91% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor; } blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul {list-style: none; margin-left: 7px; padding: 0;} li {list-style: none; padding-left: 8px; margin-bottom: 3px;} /* links */ a:link {color: $linkcolor; text-decoration: none;} a:visited {color: $visitedlinkcolor; text-decoration: none;} a:hover { color: $linkhover; text-decoration: none;} a:active { color: $visitedlinkcolor; text-decoration: none;} /* ---( layout structure )---*/ #outer-wrapper {width:847px; margin: 0px auto; text-align: justify; } #content-wrapper { margin: 0px; /* to avoid the border image */ width: 100%;} #main { float:right; width:520px; margin: 0px; padding-right:45px; line-height: 1.2em; 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 { float:left; width:215px; padding-left:30px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; 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 */ } #center {background:#fff url('http://lh4.google.com/jvdmds/R19kR7oNgQI/AAAAAAAABAc/5wMC5V3VXY8/a-coyote-chase-2.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0px; padding: 0px} #header {height:396px; overflow: hidden; width:847px; color: $pagetitlecolor; background: url('http://lh5.google.com/jvdmds/R19jcLoNgII/AAAAAAAAA_E/Tbdv9QXI4pY/a-coyote-chase-1.jpg') no-repeat top left; } #header h1 {width:370px; font: $pagetitlefont; margin:80px 20px 5px 440px; padding:5px; filter: glow(color=#000000,Strength=5); text-align:left; } #header h1 a {text-decoration: none; color: $pagetitlecolor;} #header h1 a:hover {color: $descriptioncolor;} #header .description {margin:-10px 20px 5px 440px; text-align:left; width:370px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; } .post h3 { text-align: left; font: $titlefont; color: $titlecolor; border-top: 1px solid #f90; border-bottom: 1px solid #f90; } .post {padding:0px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover {color: $titlehovercolor; text-decoration: none; } .post-footer {height:30px; margin:0px; text-align: right; font-size: 88%; color:$footercolor; } .post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #f90; } .blog-feeds {text-align: right; color:$footercolor;} #blog-pager-newer-link {float: left; } #blog-pager-older-link {float: right; } #blog-pager {text-align: center;} /* comment styles */ #comments { padding-top: 10px; font-size: 88%; line-height: 1.5em; color: $Commentscolor;} #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover;} .sidebar li { } .profile-textblock { margin: 0.5em 0; line-height: 1.6em;} .profile-img {float: right; margin:3px; border: 1px solid #ddd; padding: 3px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer {margin: 0; width:847px; height:224px; background: url('http://lh4.google.com/jvdmds/R19jc7oNgJI/AAAAAAAAA_M/NcQzHGwsDN0/a-coyote-chase-3.jpg') no-repeat top left; text-align:center; color: #c11817; } #footer-wrapper {margin: 0; font-size: 75%; clear: both; } #footer-wrapper a { color: #c11817; text-decoration: none; line-height:224px;} #footer-wrapper a:hover{ color: #369; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar {padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper {padding-top: 0} body#layout #sidebar {margin-right: 0;} body#layout #header,body#layout #footer, body#layout #main {padding: 0;} body#layout #content-wrapper {margin: 0px;} #navbar-iframe {height:0px; visibility:hidden; display:none} ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="#main">skip to main </a> <a href="#sidebar">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Free" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Blogger Templates" href="http://www.catalla101.tk" shape="rect">CATALLA 101</a> </div> </div> </div></div>  </body> </html>

To write

Template name: To write
Size: 29KB
Type: New Blogger Template (XML)
2 Column, Fixed Width, Editable
Best quality (IE & Firefox) all Size and Resolutions
Large size
Sample
Help

COPY & PASTE CODE

<?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 xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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[ /* ------Copyright------- * Blogger Template Style---- * Name: to write---- *Designer: J.Aghili----------- * URL: www.finalsense.com ------ * Date: December 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#369"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#369"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#e4ce94"> <variable name="datecolor" description="Date Header Color" type="color" default="#f90"> <variable name="titlecolor" description="Post Title Color" type="color" default="#369"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#f93"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#f90"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#c0c0c0"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#f93"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#069"> <variable name="linkcolor" description="Link Color" type="color" default="#008000"> <variable name="linkhover" description="Link Hover Color" type="color" default="#f90"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#008000"> <variable name="descriptioncolor" description="Description Color" type="color" default="#f90"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#555"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 82% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 350% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 100% 'Times New Roman','Georgia'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 150% 'Times New Roman','Georgia'"> <variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 91% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 85% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background:$PageBgColor; } blockquote { margin: 0 0 0 30px; padding: 0px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul {list-style: none; margin-left: 7px; padding: 0;} li {list-style: none; padding-left: 8px; margin-bottom: 3px;} /* links */ a:link {color: $linkcolor; text-decoration: none;} a:visited {color: $visitedlinkcolor; text-decoration: none;} a:hover { color: $linkhover; text-decoration: none;} a:active { color: $visitedlinkcolor; text-decoration: none;} /* ---( layout structure )---*/ #outer-wrapper {width:849px; margin: 0px auto; text-align: justify; } #content-wrapper { margin: 0px; /* to avoid the border image */ width: 100%;} #main { float:right; width:520px; margin: 0px; padding-right:60px; line-height: 1.2em; 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 { float:left; width:210px; padding-left:30px; font: $sidebarfont; color: $sidebartextcolor; line-height: 1.4em; 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 */ } #center {background:#fff url('http://lh5.google.com/jvdmds/R1OTVUF0IFI/AAAAAAAAA94/zVjg9OTiRyk/write-2.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0px; padding: 0px} #header {height:189px; overflow: hidden; width:849px; color: $pagetitlecolor; background: url('http://lh3.google.com/jvdmds/R1OSI0F0H5I/AAAAAAAAA8A/PWf0DSN6UuA/write-1.jpg') no-repeat top left; } #header h1 {width:550px; font: $pagetitlefont; margin:50px 20px 5px 70px; padding:5px; filter: glow(color=#000000,Strength=5); text-align:left; } #header h1 a {text-decoration: none; color: $pagetitlecolor;} #header h1 a:hover {color: $descriptioncolor;} #header .description {margin:-10px 20px 5px 70px; text-align:left; width:550px; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header {font-size: 73%; color: $datecolor; margin:0px; text-align: left; } .post h3 { text-align: left; font: $titlefont; color: $titlecolor; border-top: 1px solid #369; border-bottom: 1px solid #369; } .post {padding:0px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover {color: $titlehovercolor; text-decoration: none; } .post-footer {height:30px; margin:0px; text-align: right; font-size: 88%; color:$footercolor; } .post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #369; } .blog-feeds {text-align: right; color:$footercolor;} #blog-pager-newer-link {float: left; } #blog-pager-older-link {float: right; } #blog-pager {text-align: center;} /* comment styles */ #comments { padding-top: 10px; font-size: 88%; line-height: 1.5em; color: $Commentscolor;} #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 105%; color: $Commentscolor; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover;} .sidebar li { } .profile-textblock { margin: 0.5em 0; line-height: 1.6em;} .profile-img {float: right; margin:3px; border: 1px solid #ddd; padding: 3px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer {margin: 0; width:849px; height:68px; background: url('http://lh4.google.com/jvdmds/R1OTVEF0IEI/AAAAAAAAA9w/LNZsekoM3hk/write-3.jpg') no-repeat top left; text-align:center; color: #999; } #footer-wrapper {margin: 0; font-size: 75%; padding-left:200px; clear: both; } #footer-wrapper a { color: #999; text-decoration: none; line-height:68px;} #footer-wrapper a:hover{ color: #369; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar {padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper {padding-top: 0} body#layout #sidebar {margin-right: 0;} body#layout #header,body#layout #footer, body#layout #main {padding: 0;} body#layout #content-wrapper {margin: 0px;} #navbar-iframe {height:0px; visibility:hidden; display:none} ]]></b:skin> </head> <body> <div id="'outer-wrapper'"><div id="'wrap2'">  <a href="#main">skip to main </a> <a href="#sidebar">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Free" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"> </b:section> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Blogger Templates" href="http://www.catalla101.tk" shape="rect">CATALLA 101</a> </div> </div> </div></div>  </body> </html>

Restaurant III

Template name: Restaurant III
Size: 56KB
Type: New Blogger Template (XML)
3 Column, Fixed Width, Editable
Best quality (IE & Firefox) all Size and Resolutions
Large size
Sample
Help

COPY & PASTE CODE

<?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 xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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: Restaurant----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: March 2007 ----- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#555"> <variable name="PageBgColor" description="Page Background Color" type="color" default="#fff"> <variable name="pagetitlecolor" description="Page Header Color" type="color" default="#fc9"> <variable name="datecolor" description="Date Header Color" type="color" default="#E4B181"> <variable name="titlecolor" description="Post Title Color" type="color" default="#E4B181"> <variable name="titlehovercolor" description="Post Title Hover Color" type="color" default="#963"> <variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#963"> <variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#963"> <variable name="sidebarlink" description="Sidebar Link Color" type="color" default="#630"> <variable name="sidebarhover" description="Sidebar Hover Color" type="color" default="#369"> <variable name="linkcolor" description="Link Color" type="color" default="#369"> <variable name="linkhover" description="Link Hover Color" type="color" default="#f90"> <variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#369"> <variable name="descriptioncolor" description="Description Color" type="color" default="#666"> <variable name="Commentscolor" description="Comments Text Color" type="color" default="#369"> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 83% Verdana, sans-serif"> <variable name="pagetitlefont" description="Page Header Font" type="font" default="normal bold 350% 'Times New Roman','Georgia'"> <variable name="titlefont" description="Post Title Font" type="font" default="normal bold 100% 'Times New Roman','Georgia'"> <variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 125% 'Times New Roman','Georgia'"> <variable name="sidebarfont" description="Sidebar Text Font" type="font" default="normal normal 91% 'Verdana','Arial'"> <variable name="descriptionfont" description="Description Font" type="font" default="normal normal 86% 'Verdana','Arial'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: $PageBgColor; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: $linkcolor; text-decoration: none; } a:visited { color: $visitedlinkcolor; text-decoration: none; } a:hover { color: $linkhover; text-decoration: none; } a:active { color: $visitedlinkcolor; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 988px; margin: 0px auto 0; text-align: justify; } #content-wrapper { margin-left: 0px; /* to avoid the border image */ width: 100%; } #main { float: left; width: 490px; margin: 5px; padding: 0px 7px 0px 21px; 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 */ } #sidebar { float: right; width: 190px; padding-right: 30px; font-size: 85%; color: $sidebartextcolor; line-height: 1.4em; 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 */ } #ads-wrapper {float: right; width: 185px; padding-right: 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 */} #ads{font-size: 100%; color: $sidebartextcolor; padding: 0px; } #center {background:#333 url('http://lh5.google.com/jvdmds/R1OTVUF0IGI/AAAAAAAAA-A/i42uosCeZDo/restaurants-2.jpg') repeat-y top left;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; } #header { margin: 0; height:376px; width:988; color: $pagetitlecolor; background: url('http://lh3.google.com/jvdmds/R1OR-0F0H0I/AAAAAAAAA7Y/QqfwCQKJX5Q/restaurants-1.jpg') no-repeat top left; overflow: hidden} #header h1 { width:500px; font: $pagetitlefont; margin:120px 40px 5px 430px; padding: 5px; filter: glow(color=#000000,Strength=5); text-align:center;} #header h1 a { text-decoration: none; color: $pagetitlecolor; } #header h1 a:hover { color: #eee; } #header .description { margin:-10px 5px 5px 450px; width:480px; text-align: center; line-height: 1.4em; font: $descriptionfont; color: $descriptioncolor; } /* ---( main column )--- */ h2.date-header {font-size: 70%; color: $datecolor; margin:0px; text-align: left;} .post h3 {text-align: left; font: $titlefont; color: $titlecolor; border-top: 1px solid #E4B181; border-bottom: 1px solid #E4B181;} .post {padding:0px;} .post h3 a {color: $titlecolor; text-decoration: none;} .post h3 a:hover {color: $titlehovercolor; text-decoration: none;} .post-footer {height:30px; margin:0px; text-align: right; font-size: 88%; color:$footercolor;} .post img {padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links {clear: both; line-height: 2.5em; color:$footercolor; border-top: 1px solid #E4B181;} .blog-feeds {text-align: right; color:$footercolor;} #blog-pager-newer-link {float: left} #blog-pager-older-link {float: right} #blog-pager {text-align: center} /* comment styles */ #comments { padding-top: 10px; font-size: 95%; line-height: 1.5em; color: $Commentscolor; } #comments h4 { margin: 5px 0px; padding: 2px 0 0 20px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 110%; color: $Commentscolor; height: 30px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 5px 10px;} .sidebar a {color: $sidebarlink; text-decoration: none;} .sidebar a:hover {color: $sidebarhover; } .sidebar li { background: 0 5px; } .profile-textblock { margin-left: 3px;} .profile-img {float: right; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both;} #footer-wrapper {margin: 0px; padding:0px; font-size: 77%; clear: both;} #footer {margin: 0; width:988px; height:149px; background: url('http://lh3.google.com/jvdmds/R1OR_0F0H1I/AAAAAAAAA7g/FW2KpPvonQw/restaurants-3.jpg') no-repeat top left; text-align:center; color: #e4b181} #footer-wrapper a {color: #e4b181; text-decoration: none; line-height:149px} #footer-wrapper a:hover{color: #369; text-decoration: none;} /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { padding:0px} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]> </b:skin> </head> <body> <div id="'outer-wrapper'"> <div id="'wrap2'">  <a href="#main" shape="'rect'">skip to main</a> <a href="#sidebar" shape="'rect'">skip to sidebar</a> <div id="'header-wrapper'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Wordpress" type="'Header'/"> </b:section> </div> <div id="'center'"> <div id="'content-wrapper'"> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"> </b:section> </div> <div id="'main-wrapper'"> <b:section class="'main'" id="'main'" showaddelement="'yes'"> <b:widget id="'Blog1'" locked="'false'" title="'Blog" type="'Blog'"> </b:section> </div> <div id="'ads-wrapper'"> <b:section class="'sidebar'" id="'ads'" preferred="'yes'"> <b:widget id="'Label1'" locked="'false'" title="'Ads'" type="'Label'"> <b:widget id="'HTML1'" locked="'false'" title="'Text-Ads'" type="'HTML'"> <b:widget id="'HTML2'" locked="'false'" title="'Links'" type="'HTML'"> <b:widget id="'HTML3'" locked="'false'" title="'Feeds'" type="'HTML'"> </b:section> </div>  <div class="'clear'"> </div> </div>  </div>  <div class="'footer" id="'footer'"><div id="footer-wrapper"> Design by: <a title="Blogger Templates" href="http://www.catalla101.tk" shape="rect">CATALLA 101</a> </div> </div> </div> </div> </body> </html>

Note: Replace this XML code with your current code (only for new Blogger)
you are allowed to use this theme for your blog. free of charge. We do require though that you will keep the hyperlink to our website of the theme while using it.

Catalla 101

Tuesday, December 9, 2008

Girl 3-Column

Beta Suit

Sandwich

Orange Juice

A Coyote Chase

To write

Restaurant III

About Me

Archives

Labels

Subscribe