View Single Post
  #76  
Old 06-27-2008, 05:02 PM
  beetlejuice's Avatar 
beetlejuice beetlejuice is offline
 

eXpert
  
Join Date: Apr 2007
Posts: 251
 

Default Re: Pure CSS Rounded Boxes! (no images, no tables)

G'day typo,

Here is the code

Quote:
/*Round corner sideboxes*/

.xrounded h1, .zrounded h1 {
margin:0;
font-size:1.3em;
padding:0 15px 3px 8px;
border-bottom:1px solid #FFFFFF;
}
.xrounded p, .zrounded p {
margin:0;
padding:5px 0;
font-size:10px;
line-height:125%;
}
.xrounded {
background: transparent;
width:100%; /*Adjust the width here*/
float:left;
margin:0 0 10px 0;
line-height:125%;
}
.xtop, .xbottom {
display:block;
background:transparent;
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block;
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background: transparent;
border-left:1px solid #00aeef;
border-right:1px solid #00aeef;
}
.xb1 {
margin:0 5px;
background:#00aeef;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px;
margin:0 1px;
}

.xboxcontent {
display:block;
border:0 solid #00aeef;
border-width:0 1px;
height:auto;
background: transparent;
}

div.xboxcontent div{
padding: 0 4px 0 8Px;

}

* html .xboxcontent {
height:0px;
}



One thing I've noticed is that changing anything here:

.xrounded h1, .zrounded h1 {
margin:0;
font-size:1.3em;
padding:0 15px 3px 8px;
border-bottom:1px solid #FFFFFF;
}

does not alter the "view" in any way. In other words changing 1.3em to 1.5 or 1.1 does not alter the site at all, yet on the other site where I have this working it does as expected. If I change the padding nothing changes on the site.


Thanks for taking a look
__________________
XCart 4.5.4, 4.6.1, 4.64 stores
Many, many mods from Altered Cart
XCart Mods Reboot template
The XCart Store Templates and Mods
WCM CDSEO Pro
BCSE Rewards Points and Gallery Mods
and a few others
Reply With Quote