PDA

View Full Version : Css Help


Andrew Thomas
07-23-2006, 07:26 AM
hey all
i wa swondering if someone could help me write my node.tpl.php code and the css codes to add to my css files so my nodes could look like this

http://www.buyblue.org/

i am already using h2 tags so they would have to be h5 or something

i tried a a few things but i cant seem to figure out how to do it.
if you view source of http://www.buyblue.org/ you can see how they have it done also here is thier codes from the css file

this is using drupal cms if that is of any importance

/*
NODE SPECIFIC
*/
#node_teasers .node {
padding:0px;
border:0;
margin:0;
}

.node {
margin-bottom:20px;
}
.node .title {
font-size:1.7em;
margin-bottom:0px;
}
.node .terms {
margin-bottom:20px;
}
.node .node_footer {

}
.node .info {
margin-bottom:10px;
font-size:.9em;
font-style:italic;
}

#node_teasers h2 {
font-size:1.7em;
font-weight:bold;
}
#node_teasers .node-sticky .info {
color:#FFFFFF;
}

#node_teasers .node-sticky a {
color:#FFFFFF;
}

#node_teasers .node_container {
background-image: url(images/node_container_bg.gif);
background-repeat: no-repeat;
background-position: left top;
margin-bottom:30px;
background-color:#F0F0F0;
}
#node_teasers .node_topright {
background-image: url(images/node_topright_bg.gif);
background-repeat: no-repeat;
background-position: right top;
margin-left:20px;
padding:15px 20px 15px 0px;
}
#node_teasers .node-sticky .node_container {
background-image: url(images/node_sticky_container_bg.gif);
background-repeat: no-repeat;
background-position: left top;
margin-bottom:30px;
margin-top:40px;
color:#FFFFFF;
}
#node_teasers .node-sticky .node_topright {
background-image: url(images/node_sticky_topright_bg.gif);
background-repeat: no-repeat;
background-position: right top;
margin-left:20px;
padding:15px 20px 15px 0px;
}
#node_teasers .node_footer {
background-color:#0072BC;
padding: 5px 10px;
clear:both;
text-align:right;
color:#FFFFFF;
}
#node_teasers .node_footer a {
color:#FFFFFF;
font-weight:bold;
}

#node_teasers .node, .node_container, .content, .info, .terms, .links, .node_footer, .node_topright, .node-sticky {
clear:none;
}

#node_teasers .node_footer {
background-color:#0072BC;
padding: 5px 10px;
clear:none;
text-align:right;
color:#FFFFFF;
}

#node_page .node_container {
padding-bottom:10px;
margin-bottom:40px;
border-bottom: 1px solid #D7E2F3;
}

-->


thanx for help in advance