« Haven't posted much on this... | Main | And so, another phase ends. »

Still trying to get things set up right -

I'm trying to get rid of that little white bar on either side of the title above. Very aggravating...

If you're good with CSS code, the stuff's in the extended entry for your perusal. Any suggestions/advice would be GREATLY appreciated!

J.

/* $Id: base-weblog.css 14515 2005-07-12 00:01:26Z mpaschal $ */

/* basic elements */

html
{
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}

body
{
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 12px;
}

form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
margin-top: 10px;
margin-bottom: 10px;
}


/* standard helper classes */

.clr
{
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: center; } /* center on ie */

#container
{
position: relative;
margin: 0 auto; /* center on everything else */
width: 800px;
text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-inner { position: static; }

#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta
{
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
position: static;
}


/* banner user/photo */

.banner-user
{
float: left;
overflow: hidden;
width: 64px;
margin: 0 15px 0 0;
border: 0;
padding: 0;
text-align: center;
}

.banner-user-photo
{
display: block;
margin: 0 0 2px 0;
border: 0;
padding: 0;
background-position: center center;
background-repeat: no-repeat;
text-decoration: none !important;
}

.banner-user-photo img
{
width: 64px;
height: auto;
margin: 0;
border: 0;
padding: 0;
}


/* content */

.content-nav
{
margin: 10px;
text-align: center;
}

.date-header,
.entry-content
{
position: static;
clear: both;
}

.entry,
.trackbacks,
.comments,
.archive
{
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
clear: both;
margin: 5px 10px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
clear: both;
margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text
{
width: 240px;
}

#comment-bake-cookie
{
margin-left: 0;
vertical-align: middle;
}

#comment-post
{
font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
float: left;
width: 115px;
margin: 0 10px 10px 0;
}

.image-thumbnail img
{
width: 115px;
height: 115px;
margin: 0 0 2px 0;
}


/* modules */

.module
{
position: relative;
overflow: hidden;
width: 100%;
}

.module-content
{
position: relative;
margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
margin: 0;
padding: 0;
list-style: none;
}

.module-list-item
{
margin-top: 5px;
margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table
{
border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
width: 24%;
text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
display: block;
clear: both;
margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
float: left;
min-width: 60px;
width: 60px;
/* no ie mac \*/width: auto;/* */
margin: 0 5px 0 0;
text-align: center;
vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
margin: 0;
padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
display: block;
height: 1%;
margin: 0;
border: 0;
padding: 0;
list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
display: block;
float: left;
/* ie win fix \*/ height: 1%; /**/
margin: 0;
border: 0;
padding: 0;
}

.module-recent-photos .module-list-item a
{
display: block;
margin: 0;
border: 0;
padding: 0;
}

.module-recent-photos .module-list-item img
{
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
width: 14%;
height: 75px;
text-align: left;
vertical-align: top;
}

.day-photo
{
width: 54px;
height: 54px;
}

.day-photo a
{
display: block;
}

.day-photo a img
{
width: 50px;
height: 50px;
}
/*
name: Vicksburg
designer: Movable Type Random Style Generator
designer_url: http://styles.movalog.com/random/

*/
/* basic page elements */

body
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
font-size: 12px;
}

a { color: #b36400; text-decoration: underline; }
a:hover { color: #003288; }

#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #fff; }

.module-content a { color: #b36400; }
.module-content a:hover { color: #003288; }

h1, h2, h3, h4, h5, h6
{
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}

.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;

margin: 0;
border-left: 5px solid #003288;
padding: 5px;
color: #fff;
background: #b36400;
font-size: 11px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
color: #fff;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
font-size: 11px;
}

.commenter-profile img { vertical-align: middle; }


/* page layout */

body
{
min-width: 720px;
color: #333;
background: #b36400;
}

#container
{
width: 800px;
margin-bottom: 20px;
background: #fff;
display:block;
}

#container-inner
{
border-width: 0 5px 5px 5px;
border-style: solid;
border-color: #b36400;
}

#banner
{
width: 100%;
background-color: #CC6633;
background-image: url("http://rustedsky.net/rustedsky graphics/m1.jpg"); background-repeat: no-repeat;
height: 200px;
}

#banner-inner
{
padding: 15px 13px;
border-width: 2px 2px 0 2px;
border-style: solid;
border-color: #fff;
}

.banner-user
{
width: 70px;
margin-top: 5px;
font-size: 10px;
}

.banner-user-photo { border: 1px solid #fff; }

#banner-header
{
margin: 0;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 1;
text-shadow: #b36400 0 2px 3px;
}

#banner-description
{
margin-top: 5px;
margin-bottom: 0;
color: #fff;
background: none;
font-size: 12px;
font-weight: bold;
line-height: 1.125;
text-shadow: #b36400 0 1px 2px;
}

#alpha { margin: 15px 15px 0 15px; width: 475px; }
#beta { width: 280px; background: #ffe3bf; }
#gamma, #delta { width: 18px; background: #ffe3bf; }

#beta-inner,
#gamma-inner,
#delta-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: #fff;
}

.date-header
{
margin-top: 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

.entry-header
{
margin-top: 0;
border-left: 5px solid #ffc780;
padding: 0 0 0 10px;
color: #666;
font-size: 18px;
}

.entry-content,
.comment-content,
.trackback-content
{
margin: 0;
line-height: 1.5;
}

.entry-footer,
.comment-footer,
.trackback-footer
{
margin: 0 0 20px 0;
border-top: 1px solid #ffc780;
padding-top: 3px;
color: #666;
font-size: 10px;
text-align: right;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
margin-left: 10px;
}

.content-nav { margin-top: 0; }

#trackbacks-info
{
margin: 10px 0;
border: 1px dashed #80aeff;
padding: 0 10px;
color: #292e33;
font-size: 11px;
text-align: center;
background: #003288;
}

.comments-open-footer
{
margin: 10px 0;
}


/* modules */

.module
{
margin: 0 0 10px 0;
border-bottom: 1px solid #bfd7ff;
background: #bfd7ff;
}

.module-content
{
margin: 0 0 10px 0;
border-top: 1px solid #b36400;
padding: 10px 10px 0 10px;
font-size: 10px;
line-height: 1.2;
}

.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 10px; }

.module-powered { border-width: 0; }
.module-powered .module-content
{
margin-bottom: 0;
border: 1px dashed #003288;
padding-bottom: 10px;
color: #b36400;
background: #fff;
}

.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }

.module-list
{
margin: 0 15px 10px 15px;
list-style: disc;
}

.module-list .module-list
{
margin: 5px 0 0 0;
padding-left: 15px;
list-style: circle;
}

.module-list-item
{
margin-top: 0;
color: #666;
line-height: 1.2;
}

.typelist-thumbnailed .module-list
{
margin: 0 0 10px 0;
list-style: none;
}

.typelist-thumbnailed .module-list-item
{
margin: 1px 0;
padding: 0;
background: #fdf5ed;
}

.typelist-thumbnail
{
background: #fff;
}

.module-photo img { border: 1px solid #fff; }

.module-featured-photo { width: 398px; }
.module-featured-photo .module-content
{
margin: 0;
border-width: 0;
padding: 0;
}
.module-featured-photo img { width: 398px; }

.module-recent-photos .module-content { padding: 10px 0 0 19px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item
{
width: 64px; /* mac ie fix */
margin: 0 10px 10px 0;
padding: 0;
background: none;
}

.module-recent-photos .module-list-item a
{
border: #e1d2c4 1px solid;
padding: 1px;
background: #fff;
}

.module-recent-photos .module-list-item a:hover
{
border-color: #634a31;
background: #fff;
}


/* calendar tweaks */

.layout-calendar #alpha { width: 260px; }
.layout-calendar #beta { width: 420px; }

.layout-calendar #gamma,
.layout-calendar #delta
{
width: 250px;
}

.layout-calendar #gamma-inner,
.layout-calendar #delta-inner
{
border: 0;
padding: 0;
}

.module-mmt-calendar { width: 398px; }
.module-mmt-calendar .module-content
{
margin: 0;
border-width: 0;
padding: 10px;
}

.module-mmt-calendar table
{
width: 378px;
background: #be864f;
}

.module-mmt-calendar th
{
color: #fff;
border-top: 1px solid #fff;
border-right: 1px solid #fdf5ed;
border-bottom: 1px solid #e1d2c4;
padding: 2px;
text-align: right;
font-weight: bold;
}

.module-mmt-calendar td
{
border-top: 1px solid #fff;
border-right: 1px solid #fdf5ed;
border-bottom: 1px solid #e1d2c4;
padding: 2px;
text-align: right;
font-weight: normal;
background: #faeada;
}

th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42
{
border-right: none;
}

.module-mmt-calendar td { height: 70px; }

.day-photo
{
width: 49px;
height: 49px;
}

.day-photo a
{
border: #e1d2c4 1px solid;
padding: 1px;
background: #fff;
}

.day-photo a:hover
{
border-color: #36414d;
background: #fff;
}

.day-photo a img
{
width: 45px;
height: 45px;
}


/* artistic tweaks */

.layout-artistic #alpha { width: 260px; }
.layout-artistic #beta { width: 420px; }

.layout-artistic #gamma,
.layout-artistic #delta
{
width: 240px;
}

.layout-artistic #gamma-inner,
.layout-artistic #delta-inner
{
border: 0;
padding: 0;
}


/* moblog1 tweaks */

.layout-moblog1 #alpha
{
margin: 0;
width: 180px;
background: #faeada;
}

.layout-moblog1 #alpha-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}

.layout-moblog1 #beta
{
margin: 15px 15px 0 15px;
width: 320px;
background: none;
}

.layout-moblog1 #beta-inner
{
padding: 0;
border-width: 0;
}

.layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }


/* moblog2 tweaks */

.layout-moblog2 #alpha
{
margin: 0;
width: 86px;
background: #faeada;
}

.layout-moblog2 #alpha-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}

.layout-moblog2 #beta
{
margin: 15px 15px 0 15px;
width: 260px;
background: none;
}

.layout-moblog2 #beta-inner
{
padding: 0;
border-width: 0;
}

.layout-moblog2 #delta
{
width: 154px;
}

.layout-moblog2 .module-recent-photos
{
border: 0;
background: none;
}

.layout-moblog2 .module-recent-photos .module-content
{
padding: 0;
border: 0;
}

.layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }


/* timeline tweaks */

.layout-timeline #alpha { width: 260px; }
.layout-timeline #beta { width: 420px; }

.layout-timeline #gamma,
.layout-timeline #delta
{
width: 190px;
}

.layout-timeline #gamma-inner,
.layout-timeline #delta-inner
{
border: 0;
padding: 0;
}


/* one-column tweaks */

.layout-one-column body { min-width: 520px; }
.layout-one-column #container { width: 520px; }
.layout-one-column #banner { width: 510px; } /* necessary for ie win */


/* two-column-left tweaks */

.layout-two-column-left #alpha
{
margin: 0;
width: 200px;
background: #ffe3bf;
}

.layout-two-column-left #alpha-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}

.layout-two-column-left #beta
{
margin: 15px 15px 0 15px;
width: 480px;
background: none;
}

.layout-two-column-left #beta-inner
{
padding: 0;
border-width: 0;
}


/* three-column tweaks */

.layout-three-column #alpha
{
margin: 0;
width: 180px;
background: #ffe3bf;
}

.layout-three-column #alpha-inner
{
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}

.layout-three-column #beta
{
margin: 15px 15px 0 15px;
width: 320px;
background: none;
}

.layout-three-column #beta-inner
{
padding: 0;
border-width: 0;
}

Comments (2)

Gecko:

what if you set the border width to 0? so instead of this:

#banner-inner
{
padding: 15px 13px;
border-width: 2px 2px 0 2px;

you should have that
#banner-inner
{
padding: 15px 13px;
border-width: 0px 0px 0 0px;

Have a good day...

PS: more information at www.learningmovabletype.com/archives/000632banner_images.php

Thank you, thank you, thank you! I greatly appreciate it!

J.

About

This page contains a single entry from the blog posted on May 4, 2006 10:15 AM.

The previous post in this blog was Haven't posted much on this....

The next post in this blog is And so, another phase ends..

Many more can be found on the main index page or by looking through the archives.

Powered by
Movable Type 3.36