no subject

For some reason, the beta code completely wrecks the following custom CSS I added to my layout:

/* COMMENTS */

.comment .header
  {
    background-color: #EFEFEF!important;
  }

.comment-depth-odd .comment .header
  {
    background-color: #DFDFDF!important;
  }

.comment .header {
   text-align: left;
   margin-bottom: -30px;
   margin-left: 0px;
   padding-bottom: 20px;
   padding-left: 10px;
   padding-top: 10px;
   height: 50px;
}

.has-userpic .comment .header {
   text-align: left !important;
   margin-bottom: -35px !important;
   margin-left: 0px;
   border-left: 135px #DFDFDF !important;
   padding-bottom: 20px !important;
   padding-left: 120px !important;
   padding-top: 15px !important;
   height: 66px !important;
}

.comment-poster .comment-from-text {
   display: none;
}

.comment-poster .anonymous {
   padding-left: 10px;
}

@media screen and (max-width: 45em) { 
.has-userpic .comment-poster .ljuser {
   margin-left: 50px;
}
}

.comment-content {
   border: none;
   margin-top: 10px !important;
}

.has-userpic .comment-content {
   margin-top: 0px !important;
}

.comment .poster-ip {
   float: right;
   font-size: 9px;
   margin-top: -100px !important;
   margin-right: 10px;
}

.comment .edittime {
   margin-top: 10px;
}

.comment-content li {
   margin-left: 30px;
}

.has-userpic .comment .userpic {
   margin-top: -48px !important;
   height: 100px !important;
}

.comment-poster .ljuser:after {
  content: "";
  display: table;
  clear:both;
}

.comment {
  padding: 10px;
}

.comment-wrapper {
  padding: 0;
}

(The result of this code being to hackily mimic the way comment headers appear on sitescheme.)

(125 comments)

no subject

Post a comment in response: