CSS tweaks to topbar etc.

Huck Jones Posted in Theme Development 9 years ago

Did this while I was looking for ways to improve and make the default and Facebook themes better resemble the originals, though I thought maybe you guys might want to tweak it even further, as I felt that what I did seemed more like a hackjob:

.ossn-search input {
border: medium none;
border-radius: 3px;
color: #000;
display: inline-table;
float: right;
font-weight: normal;
height: 21px;
left: 5px;
padding: 1px 1px 1px 6px;
position: absolute;
top: 3px;
width: 450px;

}

.logo-second {
    background: url("[insert site url here]/themes/facebook/images/logo_2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    margin-top: 0.3%;
    width: 25px;
}
Replies
ph Huck Jones Replied 9 years ago

Scratch that code snippet I posted above, here's a corrected version, though it might also need some tweaking:

.ossn-search input {
position: absolute;
top: 3px;
left: 6px;
padding: 1px 1px 1px 6px;
border: none;
border-radius: 3px;
color: #000;
font-weight: normal;
width: 450px;
float:right;
display:inline-table;
height:21px;
}
.logo-second {
background:url('<?php echo ossn_site_url(); ?>themes/facebook/images/logo_2.png') no-repeat;
height:22px;
width:22px;
margin-top: 4px;
}