mirror of
https://gh.wpcy.net/https://github.com/buddypress/buddypress.git
synced 2026-05-31 05:04:29 +08:00
14d0d68870
git-svn-id: https://buddypress.svn.wordpress.org/tags/buddypress-theme@425 cdf35c40-ae34-48e0-9cc9-0c9da1808c22
1065 lines
21 KiB
CSS
1065 lines
21 KiB
CSS
/*
|
|
Theme Name: BuddyPress Default
|
|
Theme URI: http://buddypress.org
|
|
Description: The default theme for BuddyPress
|
|
Version: 0.4
|
|
Author: Andy Peatling
|
|
Author URI: http://apeatling.wordpress.com
|
|
*/
|
|
|
|
@import url(custom-styles.css);
|
|
|
|
/***********************************************************
|
|
Global Reset
|
|
************************************************************/
|
|
|
|
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
|
|
table { border-collapse:collapse; border-spacing:0 }
|
|
fieldset, img { border:0 }
|
|
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
|
|
ol, ul, li { list-style:none }
|
|
caption, th { text-align:left }
|
|
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal; }
|
|
q:before, q:after { content:'' }
|
|
a { text-decoration:none }
|
|
strong { font-weight:bold }
|
|
em { font-style:italic }
|
|
* a { position:relative }
|
|
a img { border:none }
|
|
* { outline: none; }
|
|
|
|
/***********************************************************
|
|
Let the games begin...
|
|
************************************************************/
|
|
|
|
html {
|
|
background: #fff;
|
|
font: 62.5% normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;
|
|
border-top: 10px solid #f7740a;
|
|
}
|
|
|
|
body {
|
|
background: #fff;
|
|
font-size: 1.2em;
|
|
color: #555;
|
|
background: url(images/background.gif) top left repeat-y;
|
|
line-height: 170%;
|
|
min-width: 960px;
|
|
max-width: 1300px;
|
|
}
|
|
body.in-blog { background-image: url(images/background_blog.gif); }
|
|
|
|
p { margin: 0 0 1em 0; }
|
|
|
|
a { color: #f7740a; }
|
|
a:hover { text-decoration: underline; }
|
|
|
|
hr, div.clear {
|
|
visibility: hidden;
|
|
clear: right;
|
|
}
|
|
.info-group div.clear {
|
|
clear: left;
|
|
}
|
|
|
|
input, select, textarea { width: 100%; }
|
|
|
|
/**************************
|
|
HEADER
|
|
***************************/
|
|
|
|
#header {
|
|
position: relative;
|
|
padding: 1.8em 1.5em;
|
|
background: #fff;
|
|
}
|
|
|
|
#header h1 {
|
|
background: url(images/logo.gif) top left no-repeat;
|
|
overflow: hidden;
|
|
text-indent: -999em;
|
|
width: 149px;
|
|
height: 35px;
|
|
}
|
|
|
|
#header .search {
|
|
position: absolute;
|
|
top: 1.2em;
|
|
right: 1.5em;
|
|
}
|
|
|
|
|
|
/**************************
|
|
USER BAR
|
|
***************************/
|
|
|
|
#userbar {
|
|
width: 138px;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
#userbar h3 {
|
|
font: normal 1em "Georgia", Times, serif;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
background: url(images/userbar_header.gif) top left no-repeat;
|
|
height: 24px;
|
|
padding: 8px 0 8px 0;
|
|
}
|
|
|
|
p.avatar, #userbar p#login-text {
|
|
text-align: center;
|
|
margin: 0.75em 0;
|
|
}
|
|
|
|
#userbar p#login-text {
|
|
padding: 0.5em 1em 0 1em;
|
|
}
|
|
|
|
p.avatar img {
|
|
border: 4px solid #fff;
|
|
}
|
|
|
|
#userbar form {
|
|
padding: 1em 1.5em 1em 1em;
|
|
}
|
|
#userbar form input {
|
|
width: 100%;
|
|
}
|
|
|
|
#userbar ul#bp-nav {
|
|
width: 149px;
|
|
margin: 1.75em 0 0 0;
|
|
z-index: 999 !important;
|
|
position: relative;
|
|
}
|
|
#userbar ul#bp-nav li.current {
|
|
background: url(images/navitem_selected_back.gif) top right repeat-x;
|
|
}
|
|
#userbar ul#bp-nav li a {
|
|
font-size: 1em;
|
|
color: #555;
|
|
padding: 0.55em 3em 0.55em 0;
|
|
display: block;
|
|
text-align: right;
|
|
margin-right: 0.85em;
|
|
}
|
|
#userbar ul#bp-nav li.current a {
|
|
color: #fff;
|
|
}
|
|
|
|
li a#profile {
|
|
background: url(images/profile_bullet.gif) 88% 52% no-repeat;
|
|
}
|
|
|
|
li a#messages {
|
|
background: url(images/messages_bullet.gif) 89% 52% no-repeat;
|
|
}
|
|
|
|
li a#blogs {
|
|
background: url(images/blog_bullet.gif) 87% 52% no-repeat;
|
|
}
|
|
|
|
li a#friends {
|
|
background: url(images/friends_bullet.gif) 87% 52% no-repeat;
|
|
}
|
|
|
|
li a#groups {
|
|
background: url(images/groups_bullet.gif) 88% 52% no-repeat;
|
|
}
|
|
|
|
li a#wire {
|
|
background: url(images/wire_bullet.gif) 88% 52% no-repeat;
|
|
}
|
|
|
|
li a#activity {
|
|
background: url(images/activity_bullet.gif) 88% 52% no-repeat;
|
|
}
|
|
|
|
li a#wp-logout {
|
|
background: url(images/logout_bullet.gif) 87% 52% no-repeat;
|
|
}
|
|
|
|
li a#group-home, li a#group-wire, li a#group-photos, li a#group-forum,
|
|
li a#group-members, li a#group-invite, li a#group-leave {
|
|
background: url(images/groups_bullet.gif) 88% 52% no-repeat;
|
|
padding: 0.55em 3.1em 0.55em 0 !important;
|
|
display: block;
|
|
margin-right: 0.85em;
|
|
}
|
|
li a#group-forum {
|
|
background: url(images/forum_bullet.gif) 88% 52% no-repeat;
|
|
}
|
|
|
|
li a#group-members {
|
|
background: url(images/friends_bullet.gif) 87% 52% no-repeat;
|
|
}
|
|
|
|
li a#group-invite {
|
|
background: url(images/invite_bullet.gif) 89% 52% no-repeat;
|
|
}
|
|
|
|
li a#group-leave {
|
|
background: url(images/cross_bullet.gif) 88% 52% no-repeat;
|
|
}
|
|
|
|
li a#group-wire {
|
|
background: url(images/wire_bullet.gif) 88% 52% no-repeat;
|
|
}
|
|
|
|
/**************************
|
|
OPTIONS BAR
|
|
***************************/
|
|
|
|
#optionsbar {
|
|
width: 138px;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
#optionsbar h3 {
|
|
font: normal 1em "Georgia", Times, serif;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
background: url(images/optionsbar_header_noarrow.gif) top left repeat-x;
|
|
height: 24px;
|
|
padding: 8px 0 8px 0;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
#optionsbar.arrow h3 {
|
|
background: url(images/optionsbar_header_arrow.gif) top center no-repeat;
|
|
}
|
|
|
|
#optionsbar ul#options-nav {
|
|
width: 148px;
|
|
margin: 1.75em 0 0 0;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
#optionsbar ul#options-nav li.current {
|
|
background: url(images/optionnavitem_selected_back.gif) top right repeat-x;
|
|
}
|
|
#optionsbar ul#options-nav li a {
|
|
font-size: 1em;
|
|
color: #555;
|
|
padding: 0.55em 2.5em 0.55em 0;
|
|
display: block;
|
|
text-align: right;
|
|
}
|
|
|
|
#optionsbar ul.icons li a {
|
|
padding-right: 3.1em !important;
|
|
margin-right: 0.7em;
|
|
}
|
|
|
|
/**************************
|
|
CONTENT HEADER NAVIGATION
|
|
***************************/
|
|
|
|
.content-header a {
|
|
color: #555;
|
|
}
|
|
|
|
ul.content-header-nav {
|
|
margin: -8px 0 0 1.5em;
|
|
}
|
|
ul.content-header-nav li {
|
|
float: left;
|
|
padding: 8px 1em;
|
|
height: 30px;
|
|
font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif !important;
|
|
text-transform: none;
|
|
}
|
|
ul.content-header-nav li a {
|
|
color: #555;
|
|
}
|
|
|
|
ul.content-header-nav li span {
|
|
color: #999;
|
|
}
|
|
|
|
ul.content-header-nav li.current {
|
|
background: url(images/topoption_selected_back.gif) 49% 0 no-repeat;
|
|
}
|
|
|
|
|
|
/**************************
|
|
MAIN CONTENT
|
|
***************************/
|
|
|
|
#main {
|
|
margin-left: 276px;
|
|
background: #fff url(images/content_back.gif) top left repeat-x;
|
|
min-width: 680px;
|
|
}
|
|
#main div.content-header {
|
|
font: normal 1em "Georgia", Times, serif;
|
|
text-transform: uppercase;
|
|
text-align: center;
|
|
background: url(images/content_header.gif) top left repeat-x;
|
|
height: 24px;
|
|
padding: 8px 0 8px 0;
|
|
}
|
|
|
|
#main #content {
|
|
padding: 2em 3em;
|
|
}
|
|
#main #content h2, h3#respond, h3#responses {
|
|
font: normal 1.6em Georgia, Times, serif;
|
|
padding-bottom: 0.25em;
|
|
border-bottom: 1px solid #ddd;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#main #content h3 {
|
|
font: normal 1.3em Georgia, Times, serif;
|
|
padding-bottom: 0.25em;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
#main #content .left-menu {
|
|
position: relative;
|
|
float: left;
|
|
width: 158px;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#main img.avatar {
|
|
border: 4px solid #f0f0f0;
|
|
}
|
|
|
|
.main-column {
|
|
margin-left: 200px;
|
|
}
|
|
|
|
.main-column h1, #blog-info h1 {
|
|
font: normal 3.2em "Georgia", Times, serif !important;
|
|
margin-bottom: 0.3em;
|
|
}
|
|
.main-column h1 a, #blog-info h1 a {
|
|
color: #646464;
|
|
}
|
|
|
|
.main-column p.status, #blog-info p.desc {
|
|
color: #f7740a;
|
|
font: normal 1.4em "Georgia", Times, serif;
|
|
font-style: italic;
|
|
margin: 0 0 1.2em 0;
|
|
}
|
|
|
|
.pagination-links {
|
|
margin-top: -3.7em;
|
|
float: right;
|
|
}
|
|
.pagination-links .page-numbers {
|
|
padding: 0.65em 0.7em;
|
|
height: 24px;
|
|
}
|
|
a.page-numbers:hover { background: #e1e1e1; }
|
|
|
|
.pagination-links .current {
|
|
background: #d5d5d5;
|
|
border-bottom: 2px solid #f28935;
|
|
padding: 0.5em 0.7em !important;
|
|
}
|
|
|
|
div.info-group {
|
|
margin-bottom: 2em;
|
|
}
|
|
div.info-group h4 {
|
|
background: url(images/group_header.gif) top left;
|
|
height: 30px;
|
|
color: #fff;
|
|
padding: 3px 10px;
|
|
font-size: 1em;
|
|
margin-bottom: 0.5em;
|
|
font-weight: bold;
|
|
position: relative;
|
|
}
|
|
.left-menu div.info-group {
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
.left-menu div.info-group h4 {
|
|
background: url(images/leftmenu_group_header.gif) top left no-repeat;
|
|
color: #555;
|
|
}
|
|
|
|
div.info-group h4 a {
|
|
position: absolute;
|
|
top: 0.31em;
|
|
right: 1em;
|
|
color: #fff;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.left-menu div.info-group img.avatar {
|
|
float: left;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.horiz-gallery li {
|
|
float: left;
|
|
margin: 0 1.5em 0 0;
|
|
width: 15%;
|
|
text-align: center;
|
|
}
|
|
|
|
a#accept, a#reject {
|
|
background: url(images/accept_button.gif) top left no-repeat;
|
|
text-indent: -999em;
|
|
display: block;
|
|
overflow: hidden;
|
|
width: 80px;
|
|
height: 19px;
|
|
float: right;
|
|
margin-left: 10px;
|
|
}
|
|
a#reject {
|
|
background: url(images/reject_button.gif) top left no-repeat;
|
|
width: 78px;
|
|
}
|
|
|
|
/**** Profiles ************************/
|
|
|
|
table.profile-fields {
|
|
font-size: 1em;
|
|
width: 100%;
|
|
}
|
|
table.profile-fields tr.alt {
|
|
background: #f0f0f0;
|
|
}
|
|
|
|
table.profile-fields tr td {
|
|
padding: 0.5em 1em;
|
|
}
|
|
|
|
table.profile-fields tr td.label {
|
|
border-right: 1px solid #dadada;
|
|
width: 130px !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/**** Profile Edit Form ********************/
|
|
|
|
.signup-label {
|
|
display: block;
|
|
padding: 0 0 0.3em 0;
|
|
margin: 1em 0 0 0;
|
|
}
|
|
|
|
.signup-field input, .signup-field select, .signup-field textarea {
|
|
font-size: 1.3em;
|
|
font-family: inherit;
|
|
color: #777;
|
|
width: 65%;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
.datefield select, #searchform input, input#upload { width: auto !important; }
|
|
|
|
.signup-description {
|
|
display: block;
|
|
color: #888;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
input#save {
|
|
width: auto;
|
|
margin: 1.5em 0 0 0;
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
.checkbox label input, .radio label input {
|
|
width: auto;
|
|
display: inline;
|
|
}
|
|
|
|
.checkbox label, .checkbox input, .radio label, .radio input {
|
|
display: block;
|
|
padding: 0 0 0.2em 0;
|
|
}
|
|
|
|
.wrap h2 { display: none; }
|
|
|
|
#message {
|
|
background: url(images/updated_back.gif) top left repeat-x #ddffc4;
|
|
margin: 0 0 2em 0;
|
|
}
|
|
#message p {
|
|
color: #357c00;
|
|
padding: 1em 2.75em;
|
|
background: url(images/updated_icon.gif) 1em 1.1em no-repeat;
|
|
}
|
|
|
|
#message.error {
|
|
background-image: url(images/error_back.gif);
|
|
background-color: #ff3a3a;
|
|
color: #fff;
|
|
}
|
|
#message.error p {
|
|
background-image: url(images/error_icon.gif);
|
|
color: #fff;
|
|
}
|
|
|
|
#message.info {
|
|
background-image: none;
|
|
background-color: #fcfcd0;
|
|
color: inherit;
|
|
}
|
|
#message.info p {
|
|
background-image: url(images/info_icon.gif);
|
|
color: inherit;
|
|
padding-left: 3.3em;
|
|
}
|
|
|
|
p.err { display: none; }
|
|
|
|
|
|
/**** Avatar Upload Form ********************/
|
|
|
|
#avatar-upload #upload {
|
|
margin-top: 1em;
|
|
margin-bottom: 1em;
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
|
|
/**** BLOGS *****************/
|
|
|
|
#blog-info {
|
|
border-bottom: 1px solid #e1e1e1;
|
|
margin: -1em 0 2em 0;
|
|
}
|
|
|
|
.post {
|
|
border-bottom: 1px solid #e1e1e1;
|
|
padding-bottom: 2em;
|
|
margin-bottom: 2em;
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
|
|
#main #content .post h2 {
|
|
font: normal 1.6em Georgia, times, serif;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#main #content .post h2 a {
|
|
color: #555;
|
|
}
|
|
|
|
.post p.date, .small, h2 span {
|
|
color: #888;
|
|
font-size: 0.95em;
|
|
}
|
|
.post p.date em {
|
|
color: #f7740a;
|
|
font: italic 1em Georgia, times, serif;
|
|
}
|
|
|
|
.post span.tags {
|
|
background: url(images/tag_icon.gif) center left no-repeat;
|
|
padding-left: 1.6em;
|
|
float: left;
|
|
}
|
|
|
|
.post span.comments {
|
|
float: right;
|
|
background: url(images/comments_icon.gif) center right no-repeat;
|
|
padding-right: 1.8em;
|
|
}
|
|
|
|
.postmetadata {
|
|
padding: 0.5em 0;
|
|
}
|
|
|
|
.post-details {
|
|
background: #f0f0f0;
|
|
padding: 1em 1.5em;
|
|
margin: 0 0 2em 0;
|
|
}
|
|
|
|
h4.archive {
|
|
font: normal 1.2em Georgia, Times, serif;
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid #e1e1e1;
|
|
padding-bottom: 0.5em;
|
|
margin: -1em 0 1em 0;
|
|
}
|
|
|
|
|
|
/**** BLOG SIGNUP FORM **********/
|
|
|
|
#setupform label {
|
|
display: block;
|
|
font-weight: bold;
|
|
padding-bottom: 3px;
|
|
}
|
|
#setupform label.checkbox {
|
|
display: inline;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
#setupform label.checkbox input {
|
|
display: inline;
|
|
}
|
|
|
|
#setupform p.error {
|
|
padding: 5px 10px;
|
|
background-image: url(images/error_back.gif);
|
|
background-color: #ff3a3a;
|
|
color: #fff;
|
|
width: 40%;
|
|
}
|
|
|
|
.suffix_address, .prefix_address {
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
#setupform input#blog_title, #setupform input#blogname {
|
|
font-size: 1.4em;
|
|
width: 25%;
|
|
padding: 5px;
|
|
margin-bottom: 1.5em;
|
|
margin-right: 5px;
|
|
}
|
|
#setupform input#blog_title {
|
|
width: 65%;
|
|
}
|
|
|
|
#setupform input#blogname {
|
|
text-align: right;
|
|
}
|
|
|
|
#setupform input#submit {
|
|
width: auto;
|
|
margin-top: 1.5em;
|
|
font-size: 1.4em;
|
|
padding: 3px 10px;
|
|
}
|
|
|
|
/**** MESSAGING *****************/
|
|
|
|
table#message-threads {
|
|
width: 100%;
|
|
}
|
|
table#message-threads tr, .message-box {
|
|
background: url(images/message_thread_back.gif) top left repeat-x;
|
|
}
|
|
|
|
table#message-threads tr.unread {
|
|
background-image: url(images/message_thread_unread_back.gif);
|
|
}
|
|
table#message-threads tr td, .message-box {
|
|
padding: 1em;
|
|
}
|
|
table#message-threads tr td p {
|
|
margin: 0;
|
|
}
|
|
td p.date {
|
|
color: #888;
|
|
font-size: 0.95em;
|
|
}
|
|
|
|
.avatar-box {
|
|
float: left;
|
|
border: none !important;
|
|
}
|
|
|
|
.message-box {
|
|
padding: 15px 10px;
|
|
padding-left: 135px;
|
|
min-height: 140px;
|
|
}
|
|
.message-box .avatar-box {
|
|
float: left;
|
|
width: 110px;
|
|
margin: 0 0 0 -125px;
|
|
}
|
|
#main #content .avatar-box h3 {
|
|
margin: 1em 0 0 0;
|
|
font: bold 1em "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif;;
|
|
}
|
|
|
|
.avatar-box small {
|
|
line-height: 1.5;
|
|
font-size: 0.9em;
|
|
color: #888;
|
|
}
|
|
|
|
#message_content_tbl { border: 1px solid #ddd; }
|
|
.mceToolbar, .mceStatusbar { background: #eee; }
|
|
.mceToolbar a { color: #bbb !important; }
|
|
|
|
#send_reply_button { margin: 1.5em 0 0 0;}
|
|
|
|
div.ajax_reply, div.error-box {
|
|
text-align: center;
|
|
padding: 15px;
|
|
background: #EAF3FA;
|
|
color: #2583AD;
|
|
}
|
|
|
|
div.error-box {
|
|
background-image: url(images/error_back.gif);
|
|
background-color: #ff3a3a;
|
|
color: #fff;
|
|
}
|
|
div.div.ajax_reply img, div.error-box img { vertical-align: middle; }
|
|
|
|
#send_message_form {
|
|
margin-top: -1em;
|
|
}
|
|
#main #content #send_message_form h3 {
|
|
margin: 0;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
#send_message_form input {
|
|
width: 45%;
|
|
font-size: 1.4em;
|
|
border: 1px solid #cdcdcd;
|
|
padding: 0.2em;
|
|
margin: 0 0 0.5em 0;
|
|
}
|
|
|
|
#send_message_form textarea {
|
|
width: 100%;
|
|
border: 1px solid #cdcdcd;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
#send_message_form input#send {
|
|
width: auto;
|
|
font: normal 1em inherit;
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
a.delete {
|
|
overflow: hidden;
|
|
text-indent: -999px;
|
|
display: block;
|
|
float: left;
|
|
margin-top: 2px;
|
|
background: url(images/error_icon.gif) top left no-repeat;
|
|
width: 12px;
|
|
height: 13px;
|
|
}
|
|
|
|
span.unread-count {
|
|
background: #c2582b;
|
|
border: 2px solid #c2582b;
|
|
padding: 0 0.5em;
|
|
color: #fff;
|
|
font-size: 0.8em;
|
|
font-weight: bold;
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
}
|
|
.read .unread-count { display: none; }
|
|
|
|
.messages-options {
|
|
float: right;
|
|
padding: 0 3em 0 0;
|
|
font: normal 0.9em "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif !important;
|
|
text-transform: none;
|
|
color: #888;
|
|
margin-top: -2px;
|
|
}
|
|
.messages-options a { color: #888; }
|
|
.messages-options select { width: auto; }
|
|
|
|
.notices td { vertical-align: top; }
|
|
.notice {
|
|
position: relative;
|
|
background: url(images/notice_back.gif) top left repeat-x;
|
|
padding: 1.2em;
|
|
}
|
|
.notice a#close-notice {
|
|
position: absolute;
|
|
top: 1em;
|
|
right: 1.2em;
|
|
}
|
|
.notice h5 {
|
|
font: normal 1.4em Georgia, Times, serif;
|
|
margin: 0 0 0.8em 0;
|
|
}
|
|
.notice a { color: #0051FF;}
|
|
|
|
/**** FRIENDS *****************/
|
|
|
|
ul#friend-list li {
|
|
position: relative;
|
|
background: url(images/message_thread_back.gif) top left repeat-x;
|
|
padding: 1em;
|
|
min-height: 60px;
|
|
}
|
|
|
|
#friend-list li img.avatar {
|
|
float: left;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
span.activity {
|
|
position: relative;
|
|
color: #888;
|
|
font-size: 0.9em;
|
|
background: #FFF9DB;
|
|
padding: 4px 6px;
|
|
border-right: 1px solid #FFE8C4;
|
|
border-bottom: 1px solid #FFE8C4;
|
|
top: 2px;
|
|
}
|
|
|
|
#friend-list .action {
|
|
position: absolute;
|
|
top: 40%;
|
|
right: 1em;
|
|
}
|
|
|
|
#predefined-lists {
|
|
margin: 1em 1.2em 0 0;
|
|
}
|
|
|
|
#predefined-lists li {
|
|
text-align: right;
|
|
padding: 0.25em 0;
|
|
}
|
|
|
|
.left-menu img#ajax-loader {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 7px;
|
|
}
|
|
|
|
div.friendship-button a, a.join-group {
|
|
padding: 1em 1.7em 1em 1em;
|
|
text-align: right;
|
|
display: block;
|
|
margin-right: 1.1em;
|
|
margin-top: -1em;
|
|
font-size: 1.1em;
|
|
}
|
|
#friend-list div.friendship-button a {
|
|
padding: 0 1.7em 0 0;
|
|
margin: 0;
|
|
}
|
|
|
|
div.friendship-button a, a.join-group {
|
|
background: url(images/add_friend_icon.gif) center right no-repeat;
|
|
}
|
|
div.friendship-button a.remove {
|
|
background-image: url(images/error_icon.gif) !important;
|
|
}
|
|
|
|
.friendship-button {
|
|
text-align: center;
|
|
color: #888;
|
|
padding-top: 1em;
|
|
}
|
|
|
|
#friend-list .friendship-button {
|
|
text-align: right;
|
|
padding: 0;
|
|
margin-top: -2em;
|
|
}
|
|
|
|
label#friend-search-label {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
|
|
/**** GROUPS *****************/
|
|
|
|
#group-name h1 {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.main-column #group-name p.status {
|
|
margin-top: -0.8em !important;
|
|
}
|
|
|
|
#create-group-form label {
|
|
display: block;
|
|
padding: 0 0 0.3em 0;
|
|
margin: 1em 0 0 0;
|
|
}
|
|
|
|
#create-group-form input, #create-group-form select, #create-group-form textarea {
|
|
font-size: 1.3em;
|
|
font-family: inherit;
|
|
color: #777;
|
|
width: 65%;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
#create-group-form textarea {
|
|
height: 100px;
|
|
}
|
|
|
|
div.sub-options {
|
|
margin-left: 1.5em;
|
|
border-left: 8px solid #eee;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
div#invite-list {
|
|
height: 225px;
|
|
overflow: auto;
|
|
padding-top: 0.5em;
|
|
}
|
|
|
|
div#skip-continue {
|
|
margin-top: 2em;
|
|
border-top: 1px solid #ddd;
|
|
padding-top: 2em;
|
|
}
|
|
div#skip-continue input {
|
|
float: right;
|
|
width: 70px;
|
|
font-size: 1em;
|
|
}
|
|
|
|
#create-group-form .crop-preview { display: none; }
|
|
#create-group-form #file {
|
|
width: auto !important;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
ul#group-list li, ul#member-list li, ul#blog-list li, ul#comment-list li {
|
|
position: relative;
|
|
background: url(images/message_thread_back.gif) top left repeat-x;
|
|
padding: 1em;
|
|
min-height: 60px;
|
|
}
|
|
|
|
#group-list li img.avatar, #member-list li img.avatar {
|
|
float: left;
|
|
margin: 0 1em 0 0;
|
|
}
|
|
#group-list li span.small, #member-list li span.small, #comment-list li span.small {
|
|
font-size: 0.95em;
|
|
color: #888;
|
|
}
|
|
|
|
#group-list p.desc {
|
|
margin-left: 70px;
|
|
font-size: 0.9em;
|
|
}
|
|
.invites p.desc { width: 45%; }
|
|
|
|
#group-list .action, #member-list .action {
|
|
position: absolute;
|
|
top: 30%;
|
|
right: 1em;
|
|
}
|
|
|
|
#group-admins img.avatar {
|
|
width: 38px;
|
|
height: 38px;
|
|
border-width: 3px;
|
|
}
|
|
|
|
a.join-group {
|
|
margin-top: 0.5em;
|
|
}
|
|
|
|
|
|
/**** WIRE ***********************/
|
|
|
|
.comment-details { float: left; width: 20%; }
|
|
.comment-content { float: right; width: 80%; }
|
|
|
|
#wire-post-list li, #wire-post-new {
|
|
position: relative;
|
|
background: url(images/message_thread_back.gif) top left repeat-x;
|
|
padding: 1em;
|
|
min-height: 60px;
|
|
}
|
|
|
|
.wire-post-metadata, #wire-post-new-metadata {
|
|
color: #888;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.wire-post-metadata img.avatar, #wire-post-new img.avatar {
|
|
float: left;
|
|
margin: 0 12px 12px 0;
|
|
}
|
|
|
|
.wire-post-content, #wire-post-new-input {
|
|
margin-left: 70px;
|
|
}
|
|
|
|
#wire-post-new textarea {
|
|
height: 100px;
|
|
font: normal 1em "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
#wire-post-submit {
|
|
width: auto;
|
|
margin: 5px 0;
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
/**** ACTIVITY FEED ***************************/
|
|
|
|
#activity-list li {
|
|
margin: 15px 0;
|
|
padding-left: 21px;
|
|
}
|
|
#activity-list li.blogs {
|
|
background: url(images/blog_bullet.gif) 0 4px no-repeat;
|
|
}
|
|
|
|
#activity-list li.profile {
|
|
background: url(images/profile_bullet.gif) 0 4px no-repeat;
|
|
}
|
|
|
|
#activity-list li.friends {
|
|
background: url(images/friends_bullet.gif) 0 4px no-repeat;
|
|
}
|
|
|
|
#activity-list li.groups {
|
|
background: url(images/groups_bullet.gif) 0 4px no-repeat;
|
|
}
|
|
|
|
#activity-list li.wire {
|
|
background: url(images/wire_bullet.gif) 0 4px no-repeat;
|
|
}
|
|
|
|
|
|
#activity-list li blockquote {
|
|
padding: 7px 15px 7px 40px;
|
|
background: url(images/quotes_background.gif) 10px 9px no-repeat #eee;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
#activity-list li span.time-since {
|
|
font-size: 0.8em;
|
|
color: #999;
|
|
}
|
|
|
|
/**************************
|
|
FOOTER
|
|
***************************/
|
|
|
|
#footer {
|
|
clear: both;
|
|
background: url(images/content_header.gif) repeat-x #eee;
|
|
text-align: center;
|
|
height: 35px;
|
|
}
|
|
|
|
#footer p {
|
|
margin: 0;
|
|
}
|
|
|
|
#footer code {
|
|
font-size: 1.1em;
|
|
color: #ccc;
|
|
}
|
|
|
|
|
