Closed

Joomla Batjo shoutbox, CSS , centering elements below shoutbox

This project was awarded to ShiaFirst for $30 USD.

Get free quotes for a project like this
Employer working
Awarded to:
Skills Required
Project Budget
$30 USD
Total Bids
3
Project Description

NEED DONE NOW, MARCH 25


Joomla Batjo shoutbox, CSS , centering elements below shoutbox...

code will posted below...

"View archive"

"Name: cloudysky"

"Message:"

text box

"send button"

CENTERED UNDER SHOUTBOX...

CSS NEEDING THE AFOREMENTIONED EDITING..




.shoutbox {
/*Uncomment width below*/
/* width: 220px; */

width: 710px;
color: #333333;
margin-left: auto;
margin-right: auto;
}

.shoutboxtop {
/* Borders */
border: 1px solid #FF3C16;

font: 11px helvetica, arial, sans-serif !important;
font-size: 11px !important;

}

.chatoutput {
/* Height of the shoutbox*/
height: 300px;

/* Horizontal Scrollbar Killer */
padding: 0px 8px;

overflow: auto;
}

.chatoutput span {
/* GONZA */
font-size: [url removed, login to view];
color: #FF3C16;
font-weight: normal;
display: inline !important;
border-bottom: 1px dotted #FF3C16;
}

.chatForm label, #shoutboxAdmin {
display: block;
margin: 4px 0;
}

.chatoutput a {
font-style: normal;
font-weight: bold;
color: #FF3C16}

/* User names with links */
.chatoutput li span a {
font-weight: normal;
display: inline !important;
border-bottom: 1px dotted #FF3C16}

.chatForm textarea {
width: 200px;
}

.sbsound_btn {
width: 16px;
height: 16px;
float: left;
padding: 9px;
}


.chatoutput [url removed, login to view] {
padding: 0;
position: static;
margin: 0;
}

.chatoutput li {
padding: 4px;
margin: 0;
color: #333333;
background: none;
font-size: 1em;
list-style: none;
text-overflow:ellipsis;
overflow:hidden;
width: 99%;
}

/* No bullets from Kubrick et al. */
.chatoutput [url removed, login to view] li:before {
content: '';
}

[url removed, login to view] li:first-line {
line-height: 16px;
}

.lastMessage {
padding: 4px;
text-align: center;
border-bottom: 2px dotted #666666;
}

[url removed, login to view] {
font-style: normal;
display: block;
}

.chatoutput .avatar img {
width: 35px;
height: 35px;
float: left;
margin-right: 4px;
border: 1px solid #C0C0C0;
}

.chatoutput .wp-smiley {
vertical-align: middle;
}

.homepage {
display: none;
}

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online