div#jaikus, div#newJaiku {
max-width: 520px;
font-size: 0.84em;
}
div#jaikus ul#jaikuList {
list-style-type: none;
padding: 0;
margin: 0;
}
div#jaikus ul#jaikuList li.presence,
div#jaikus ul#jaikuList li.comment {
margin: 0 0 0.5em 0;
clear: left;
padding: 0;
}
div#jaikus ol.content li {
margin: 0 0 0 15px;
}
div#jaikus ul.content li {
list-style-type: square;
margin: 0 0 0 15px;
}
div#jaikus ul#jaikuList li.presence .content,
div#jaikus ul#jaikuList li.comment .content {
font: 1em/1.2em Arial, Helvetica, sans-serif;
padding: 0.5em 0 0 5px;
margin-bottom: 3px;
color: #000;
overflow: hidden;
}
div#jaikus ul#jaikuList li.presence .commenttitle,
div#jaikus ul#jaikuList li.presence .commenttitle a {
margin: 1em 0 -0.5em 5px;
color: #888;
font-style: italic;
}
div#jaikus ul#jaikuList li.presence div.bottom,
div#jaikus ul#jaikuList li.comment div.bottom {
background: transparent url(http://jaiku.com/images/bg-stream-bottom.gif) no-repeat 0 100%;
margin: 0 0 5px 37px;
}
div#jaikus ul#jaikuList li.comment div.bottom {
background: transparent url(http://jaiku.com/images/bg-comment-bottom.gif) no-repeat 0 100%;
}
div#jaikus ul#jaikuList li.presence div.top,
div#jaikus ul#jaikuList li.comment div.top {
background: transparent url(http://jaiku.com/images/bg-stream-top.gif) no-repeat;
padding: 0 7px 0 13px;
position:relative;
overflow: visible;
min-height: 40px;
}
div#jaikus ul li.comment div.top {
background: transparent url(http://jaiku.com/images/bg-comment-top.gif) no-repeat !IMPORTANT;
}
div#jaikus ul#jaikuList li.presence div.topright,
div#jaikus ul#jaikuList li.comment div.topright {
position: absolute;
right: 0;
width: 6px;
height: 14px;
background: transparent url(http://jaiku.com/images/bg-stream-top.gif) no-repeat 100% 0;
}
div#jaikus ul li.comment div.topright {
background: transparent url(http://jaiku.com/images/bg-comment-top.gif) no-repeat 100% 0 !IMPORTANT;
}
div#jaikus ul#jaikuList li.presence div.right,
div#jaikus ul#jaikuList li.comment div.right {
position: absolute;
right: 0;
width: 6px;
height: 100%;
background: transparent url(http://jaiku.com/images/bg-stream-bottom.gif) no-repeat 100% 100%;
}
div#jaikus ul#jaikuList li.comment div.right {
background: transparent url(http://jaiku.com/images/bg-comment-bottom.gif) no-repeat 100% 100%;
}
div#jaikus ul#jaikuList li.presence p,
div#jaikus ul#jaikuList li.comment p {
padding: 0 0 0 5px;
margin: 0;
font-size: 0.7em;
line-height: 1.4em;
color: #999;
}
div#jaikus ul#jaikuList li.presence img.icon {
margin: 5px 5px 0 5px;
}
div#jaikus ul#jaikuList li.presence img.photo,
div#jaikus ul#jaikuList li.comment img.photo {
margin: 5px 10px 5px 0px;
float: left;
border: 1px solid #ccc;
padding: 2px;
}
div#jaikus a {
text-decoration: none;
background: transparent;
color: #000;
}
div#jaikus .footer a {
color: #666;
}
div#jaikus .footer a:hover {
color: #000;
}
div#jaikus a:hover {
text-decoration: underline;
}
div#jaikus ul li img.ext {
margin: 4px 5px 4px 6px;
background: transparent url(http://jaiku.com/images/bg-photo-multiple.gif) no-repeat;
padding: 5px 5px 11px 12px;
height: 60px;
width: 60px;
}
div#newJaiku table {
width: 100%;
}
div#newJaiku textarea {
width: 100%;
height: 50px;
background-repeat: no-repeat;
background-position: 0 50%;
}
div#newJaiku div#chars {
float: right;
font-size: 0.60em;
color: #999;
}
div#newJaiku img#jaikuAvatar {
float: left;
}
div#jaikuIcons, div#jaikuChannels {
border: solid 5px #9e9e9e;
background: #fff;
position: absolute;
overflow: hidden;
padding: 0;
z-index: 3;
display: none;
left: 0px;
top: 80px;
cursor: pointer;
}
div#jaikuIcons img, div#jaikuChannels img {
background: #fff;
cursor: pointer;
padding: 1px;
height: 36px;
width: 36px;
margin: 1px;
}
div#jaikuIcons span {
border-bottom: solid 1px #d9d9d9;
border-right: solid 1px #d9d9d9;
display: block;
float: left;
}
ddiv#jaikuChannels div {
border-bottom: solid 1px #d9d9d9;
display: block;
}
div#jaikuIcons span:hover, div#jaikuChannels div:hover {
background-color: #009bc7;
}
div#actions,
div#actions span,
div#actions input {
vertical-align: middle;
}
div#jaikuDownBack {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ccc;
opacity: 0.5;
}
div#jaikuDown {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div#jaikuDown img {
position: absolute;
left: 50%;
margin-left: -75px;
top: 50%;
margin-top: -50px;
}
]]>
