/* - ++resource++plonesocial.microblog.stylesheets/microblog.css - */
@media screen {
/* https://www.skaten.be/portal_css/++resource++plonesocial.microblog.stylesheets/microblog.css?original=1 */
div#microblog {
border-radius: 0.5em 0.5em 0.5em 0.5em;
box-shadow: 0 0 0.5em 0 #888888;
margin: 0.5em 0.5em 1em 0;
padding: 0.5em 2em 0.5em 1em;
background-color: #fafafa;
}
div#microblog label {
padding-left: 0.25em;
}
div#microblog .field {
margin: 0;
}
div#microblog textarea {
width: 100%;
}
div#microblog .formControls {
margin: 0.25em 0 0 0;
}
div#microblog .formControls input.standalone {
padding: 0.25em;
}
div#microblog .formControls input.hide {
display: none;
}

}


/* - ++resource++plonesocial.activitystream.stylesheets/activitystream.css - */
@media screen {
/* https://www.skaten.be/portal_css/++resource++plonesocial.activitystream.stylesheets/activitystream.css?original=1 */
#content div.plonesocial dl.portlet {
font-size: 100%;
}
#content dl.portlet.compact dd.portletItem,
dl.portlet.compact dd.portletItem,
#content dl.portlet.compact dd.portletFooter,
dl.portlet.compact dd.portletFooter {
padding: 0;
margin: 0 0 1em 0;
}
dl.portletActivitystream dd.portletFooter {
text-align: center;
}
#content dl.portlet.compact,
dl.portlet.compact {
margin: 0;
}
div.activityItem {
border-radius: 0.5em 0.5em 0.5em 0.5em;
box-shadow: 0 0 0.5em 0 #888888;
margin: 0.5em 0.5em 1em 0;
padding: 0.5em 1em;
background-color: #fafafa;
}
div.activityAvatar {
float: left;
position: relative;
width: 50px;
height: 50px;
overflow: hidden;
padding: 0;
}
div.activityAvatar img {
position: absolute;
width: 50px;
height: 50px;
border-radius: 5px;
}
div.activityBody {
min-height: 50px;
margin-left: 60px;
}
div.activityByLine {
color: #666666;
display: block;
font-size: 85%;
line-height: 1em;
margin: 0.1em 0;
}
#content div.activityByLine a,
div.activityByLine a {
text-decoration: none;
border: none;
font-weight: bold;
}
#content div.activityBody a.creator,
div.activityBody a.creator {
color: black;
font-weight: bold;
text-decoration: none;
border: 0;
}
#content div.activityByLine a,
div.activityByLine a {
font-weight: normal;
}
div.activityText {
margin: 0.25em 0;
}
#content div.activityText a,
div.activityText a {
border: 0;
text-decoration: none;
}
div.activityDate {
display: inline-block;
color: #76797C;
font-size: 85%;
line-height: 1em;
}
#plonesocialsuite-navigation {
float: right;
font-size: 80%;
background: none repeat scroll #ddd;
margin: 0;
}
#plonesocialsuite-navigation li {
text-align: center;
}
#plonesocialsuite-navigation li a {
display: inline-block;
background-color: #ddd;
border-left: solid white 0.1em;
min-width: 6em;
padding: 0.5em 1em;
white-space: normal;
}
#plonesocialsuite-navigation li a:hover {
color: white;
background-color: #205c90;
}
}


/* - ++resource++plonesocial.network.stylesheets/plonesocial_network.css - */
@media screen {
/* https://www.skaten.be/portal_css/++resource++plonesocial.network.stylesheets/plonesocial_network.css?original=1 */
div.plonesocial.profile .portrait {
float: left;
}
div.plonesocial.profile {
background-color: #fafafa;
border-radius: 1em;
padding: 1em;
box-shadow: 0 0 0.5em 0 #888888;
margin: 0.5em 0.5em 1em 0;
padding: 0.5em 1em;
}
div.plonesocial.profile .navigation {
float: right;
margin: 0 2em;
background-color: #eee;
border-radius: 0.5em;
padding: 1em;
}
#content div.plonesocial.profile .navigation ul,
div.plonesocial.profile .navigation ul {
list-style-type: none;
margin: 0;
}
#content div.plonesocial.profile .navigation li a {
font-weight: bold;
display: inline;
}
#content div.plonesocial.profile .navigation li a:link,
div.plonesocial.profile .navigation li a:link,
#content div.plonesocial.profile .navigation li a:visited,
div.plonesocial.profile .navigation li a:visited {
color: #444;
}
#content div.plonesocial.profile .navigation li a:hover,
div.plonesocial.profile .navigation li a:hover {
}
div.plonesocial.profile .navigation .count {
width: 4em;
display: inline-block;
text-align: right;
margin-right: 0.25em;
}
div.plonesocial.profile .portrait {
position: relative;
overflow: hidden;
}
div.plonesocial.maxiprofile .portrait {
width: 150px;
height: 150px;
}
div.plonesocial.miniprofile .portrait {
width: 75px;
height: 75px;
}
div.plonesocial.profile img {
position: absolute;
width: 100%;
height: 100%;
border-radius: 0.5em;
}
#content div.plonesocial.profile h1,
div.plonesocial.profile h1 {
letter-spacing: 0;
line-height: 1em;
margin-top: 0;
margin-bottom: 0.25em;
color: #444;
}
#content div.plonesocial.profile a,
div.plonesocial.profile a {
border: 0;
}
#content div.plonesocial.profile .username a,
div.plonesocial.profile .username a {
color: #444;
}
div.plonesocial.miniprofile h3.username {
display: inline;
margin-right: 0.25em;
}
div.plonesocial.miniprofile .userid {
display: inline;
}
div.plonesocial.maxiprofile .personal-info {
margin-left: 170px;
min-height: 150px;
}
div.plonesocial.miniprofile .personal-info {
margin-left: 90px;
min-height: 75px;
}
div.plonesocial.profile .bio {
font-style: italic;
color: #666;
margin: 0.25em 0;
}
div.plonesocial.profile .location {
margin-right: 1em;
color: #666;
}
div.plonesocial.maxiprofile .subunsub input {
margin: 0.5em 1em 0 0;
padding: 0.25em;
font-size: 150%;
}
div.plonesocial.miniprofile .subunsub input {
margin: 0;
padding: 0.25em;
font-size: 100%;
}
div.plonesocial .following {
color: #444;
}
div.plonesocial .description {
color: #444;
}

}