Theme CSS Help

• 

  blacksoxfan · Member · Apr 27, 2007 at 5:26 am

  • Copy link
  • Add topic to favorites

  Hi there,
  I run http://blog.blacksoxfan.com. I am hoping someone could help me with my style sheet. I am trying to do two things: first – get some space between my posts. second – put a horizontal line to separate them.

  any advice would be appreciated:
  [CODE]
  /*
  Theme Name: Black Sox Fan
  Theme URI: http://blog.blacksoxfan.com
  Description: Blog Template
  Version: 1.0
  Author: Trae Regan
  */

  /*START TAG ELEMENTS*/
  html, body {
  font: 12px Arial, Helvetica, sans-serif;
  line-height: 14px;
  color: rgb(79, 81, 86);
  margin: 0px;
  }

  h1 {
  font-size: 16px;
  font-weight: bold;
  color: rgb(0, 0, 0);
  margin: 0px;
  }

  h2 {
  font-size: 9px;
  line-height: 15px;
  margin: 1px 0px 5px 0px;
  color: rgb(161, 161, 163);
  }

  h3 {
  font-size: 11px;
  line-height: 12px;
  margin: 0px;
  color: rgb(146, 148, 151);
  }

  h4 {
  font-size: 11px;
  color: rgb(43, 59, 84);
  margin: 0px 0px 10px 0px;
  padding: 25px 0px 0px 0px;
  }

  br {
  margin: 0px;
  }

  p {
  margin: 5px 0px 5px 0px;
  }

  a:link, a:visited {
  color: #333;
  }

  a:hover {
  color: #7F7F7F;
  }
  /*END TAG ELEMENTS*/

  /*START STRUCTURE*/
  #divMainWrap {
  height: 100%;
  width: 100%;
  }

  #divLevel1 {
  height: 105px;
  width: 100%;
  background-color: #2A2A2A;
  }

  #divWrap1 {
  height: 105px;
  width: 710px;
  margin: 0px auto 0px auto;
  background: #2A2A2A;
  }

  #divLevel2 {
  height: 112px;
  width: 100%;
  background-color: #7F7F7F;
  }

  #divWrap2 {
  height: 112px;
  width: 710px;
  margin: 0px auto 0px auto;
  border-left: solid 5px #000;
  border-right: solid 5px #000;
  background: #000;
  }

  #divLevel3 {
  min-height: 100%;
  width: 710px;
  margin: 0px auto 0px auto;
  overflow: hidden;
  }

  #divWrap3 {
  float: left;
  padding-bottom: 50px;
  }
  /*END STRUCTURE*/

  /*START LEVEL 1 CONTENT*/
  #divLogo {
  float: left;
  height: 68px;
  width: 215px;
  margin-top: 20px;
  }

  #divNavWrap {
  float: right;
  height: 85px;
  width: 415px;
  margin-top: 20px;
  }

  #divNavWrap ul li a {
  color: rgb(161, 161, 163);
  text-decoration: none;
  }

  #divNavWrap ul li a:hover{
  color: rgb(255, 255, 255);
  background-color: #7F7F7F;
  }

  body.home #divNavWrap #home,

  body.team #divNavWrap #team,

  body.contact #divNavWrap #contact {
  color: rgb(255, 255, 255);
  }

  #divSearch {
  float: right;
  height: 25px;
  margin-bottom: 5px;
  }

  #divSearch #formSearch {
  font-size: 9px;
  height: 15px;
  width: 130px;
  }

  #divSearch #formGO {
  font-size: 9px;
  font-weight: bold;
  height: auto;
  margin-left: 5px;
  }

  #divMainNav {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  float: right;
  clear: right;
  height: 45px;
  margin-top: 10px;
  }

  #divMainNav ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }

  #divMainNav ul li {
  display: inline;
  word-wrap: normal;
  }

  #divMainNav ul li a {
  float: left;
  height: 40px;
  text-align: center;
  padding: 5px 12px 0px 12px;
  }

  #linkcat ul #linkcat ul li ul li {
  margin: 0px;
  padding: 0px;
  }

  #linkcat-1 #linkcat-2 ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }

  #linkcat-1 #linkcat-2 ul li {
  display: inline;
  word-wrap: normal;
  }

  #linkcat-1 #linkcat-2 ul li a {
  float: left;
  height: 40px;
  text-align: center;
  padding: 5px 12px 0px 0px;
  }
  /*END LEVEL 1 CONTENT*/

  /*START LEVEL 2 CONTENT*/

  #divLeftImg {
  float: left;
  height: 112px;
  width: 710px;
  }
  /*END LEVEL 2 CONTENT*/

  /*START LEVEL 3 CONTENT*/
  #divCats {
  }

  #divCats ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  }

  #divCats ul li {
  display: block;
  margin: 4px 0px 4px 0px;
  }

  #divCats ul a {
  color: rgb(159, 160, 163);
  text-decoration: none;
  padding: 3px 0px 3px 0px;
  }

  #divCats ul a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(169, 169, 171);
  }

  #divContent {
  float: left;
  min-height: 100%;
  width: 500px;
  padding: 25px 30px 40px 16px;
  }

  form.subscribeForm #divContact #formEmail2, #formSend{
  font-size: 9px;
  color: rgb(79, 81, 86);
  width: 130px;
  border: 1px solid rgb(189, 190, 192);
  margin: 4px 0px 4px 0px;
  padding: 2px;
  }
  /*END LEVEL 3 CONTENT*/

  /* WordPress Specific */
  #comment {
  width: 320px;
  }

  blockquote {
  font-style:italic;
  }
  [/CODE]

• 

  cornell · Member · Apr 27, 2007 at 9:55 am

  • Copy link

  Blacksoxfan – due to the URL, I am guessing that you are not hosted at wordpress.com. If that is the case then you need to be asking over at http://www.wordpress.org. We run different software here.

  Collin

• 

  blacksoxfan · Member · Apr 27, 2007 at 11:30 am

  • Copy link

  ahhhh…. thanks and i’ll go do that :-)