mirror of
https://gh.wpcy.net/https://github.com/buddypress/buddypress.git
synced 2026-05-31 05:04:29 +08:00
20c617d708
git-svn-id: https://buddypress.svn.wordpress.org/tags/1.2.9@4609 cdf35c40-ae34-48e0-9cc9-0c9da1808c22
743 lines
No EOL
14 KiB
CSS
743 lines
No EOL
14 KiB
CSS
/*
|
|
Theme Name: BuddyPress Default
|
|
*/
|
|
|
|
/***
|
|
* Right to left styles. This will transform the theme to read from right to left
|
|
* for languages that support this method.
|
|
*/
|
|
|
|
body {
|
|
direction:rtl;
|
|
unicode-bidi:embed;
|
|
}
|
|
|
|
/***
|
|
* The default theme styles.
|
|
*/
|
|
/* > Global Elements
|
|
-------------------------------------------------------------- */
|
|
|
|
body {
|
|
background: #eaeaea url( _inc/images/background.gif ) top right repeat-x;
|
|
}
|
|
.clear { clear: right; }
|
|
|
|
img.avatar {
|
|
float: right;
|
|
}
|
|
|
|
/* > Header
|
|
-------------------------------------------------------------- */
|
|
|
|
#header #search-bar {
|
|
left: 0;
|
|
right:auto;
|
|
text-align: left;
|
|
}
|
|
|
|
#header #search-bar input[type=text] {
|
|
margin-left: 4px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#header #search-bar input[type=submit] {
|
|
margin-right: 4px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
#header h1 {
|
|
left: auto;
|
|
right: 20px;
|
|
}
|
|
|
|
/* > Navigation
|
|
-------------------------------------------------------------- */
|
|
|
|
ul#nav {
|
|
left: 15px;
|
|
right: auto;
|
|
}
|
|
ul#nav li {
|
|
float: right;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
/* > Container
|
|
-------------------------------------------------------------- */
|
|
|
|
div#container {
|
|
border-left: 0;
|
|
border-right: 1px solid #e0e0e0;
|
|
}
|
|
|
|
/* > Sidebar
|
|
-------------------------------------------------------------- */
|
|
|
|
div#sidebar {
|
|
float: right;
|
|
margin-right: -226px;
|
|
margin-left:0;
|
|
border-right: 1px solid #e4e4e4;
|
|
border-left: 0;
|
|
-moz-border-radius-topleft: 3px;
|
|
-webkit-border-top-left-radius: 3px;
|
|
-moz-border-radius-topright: 0;
|
|
-webkit-border-top-right-radius: 0;
|
|
background: url( _inc/images/sidebar_back.gif ) top right repeat-x;
|
|
}
|
|
div#sidebar div#sidebar-me img.avatar {
|
|
float: right;
|
|
margin: 0 0 15px 10px;
|
|
}
|
|
|
|
div#sidebar ul#bp-nav {
|
|
clear: right;
|
|
}
|
|
|
|
div#sidebar h3.widgettitle {
|
|
margin: 25px -19px 10px -20px;
|
|
clear: right;
|
|
}
|
|
|
|
div#sidebar ul.item-list img.avatar {
|
|
margin-left: 10px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
div#sidebar div.item-options {
|
|
margin: -10px -19px 0 -20px;
|
|
}
|
|
|
|
div#sidebar div.item-meta, div#sidebar div.item-content {
|
|
margin-right: 38px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* > Content
|
|
-------------------------------------------------------------- */
|
|
|
|
div#content {
|
|
float: right;
|
|
-moz-border-radius-topleft: 0;
|
|
-moz-border-radius-topright: 6px;
|
|
-webkit-border-top-right-radius: 6px;
|
|
-webkit-border-top-left-radius: 0;
|
|
-moz-border-radius-bottomleft: 0;
|
|
-moz-border-radius-bottomright: 6px;
|
|
-webkit-border-bottom-right-radius: 6px;
|
|
-webkit-border-bottom-left-radius: 0;
|
|
}
|
|
|
|
div#content .padder {
|
|
margin-left: 225px;
|
|
margin-right: 0;
|
|
border-left: 1px solid #e4e4e4;
|
|
border-right: 0;
|
|
-moz-border-radius-topright: 6px;
|
|
-moz-border-radius-topleft: 0;
|
|
-webkit-border-top-right-radius: 6px;
|
|
-webkit-border-top-left-radius: 0;
|
|
-moz-border-radius-bottomright: 6px;
|
|
-moz-border-radius-bottomleft: 0;
|
|
-webkit-border-bottom-right-radius: 6px;
|
|
-webkit-border-bottom-left-radius: 0;
|
|
}
|
|
div#content .left-menu {
|
|
float: right;
|
|
}
|
|
|
|
div#content .main-column {
|
|
margin-right: 190px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* > Item Headers (Profiles, Groups)
|
|
-------------------------------------------------------------- */
|
|
|
|
div#item-header img.avatar {
|
|
float: right;
|
|
margin: 0 0 25px 15px;
|
|
}
|
|
|
|
div#item-header span.activity {
|
|
margin: 0 4px 5px 0;
|
|
}
|
|
|
|
div#item-header div#item-actions {
|
|
float: left;
|
|
margin: 0 15px 15px 0;
|
|
text-align: left;
|
|
}
|
|
div#item-header ul li {
|
|
float: left;
|
|
}
|
|
|
|
div#item-header div.generic-button, div#item-header a.button {
|
|
float: right;
|
|
margin: 10px 0 0 10px;
|
|
}
|
|
|
|
|
|
/* > Item Lists (Activity, Friend, Group lists)
|
|
-------------------------------------------------------------- */
|
|
|
|
ul.item-list li img.avatar {
|
|
float: right;
|
|
margin: 0 0 10px 10px;
|
|
}
|
|
|
|
ul.item-list li div.item-desc {
|
|
margin: 10px 64px 0 0;
|
|
}
|
|
|
|
ul.item-list li div.action {
|
|
left: 0;
|
|
right:auto;
|
|
text-align: left;
|
|
}
|
|
|
|
/* > Item Tabs
|
|
-------------------------------------------------------------- */
|
|
|
|
div.item-list-tabs {
|
|
clear: right;
|
|
}
|
|
div.item-list-tabs ul li {
|
|
float: right;
|
|
margin: 5px 5px 0 0;
|
|
}
|
|
div.item-list-tabs ul li:first-child {
|
|
margin-left:0;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
div.item-list-tabs ul li.last {
|
|
float: left;
|
|
margin: 7px 0 0 20px;
|
|
}
|
|
|
|
ul li.loading a {
|
|
background-position: 8% 50%;
|
|
padding-left: 30px !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
div#item-nav ul li.loading a {
|
|
background-position: 12% 50%;
|
|
}
|
|
|
|
div.item-list-tabs ul li.feed a {
|
|
background-position:right center;
|
|
padding-right: 20px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
/* > Item Body
|
|
-------------------------------------------------------------- */
|
|
|
|
span.activity, div#message p {
|
|
border-left: 1px solid #FFE8C4;
|
|
border-right: 0;
|
|
}
|
|
|
|
/* > Directories (Members, Groups, Blogs, Forums)
|
|
-------------------------------------------------------------- */
|
|
|
|
div.dir-search {
|
|
float: left;
|
|
}
|
|
|
|
/* > Pagination
|
|
-------------------------------------------------------------- */
|
|
|
|
div.pagination .pag-count {
|
|
float: right;
|
|
}
|
|
|
|
div.pagination .pagination-links {
|
|
float: left;
|
|
}
|
|
|
|
/* > Buttons
|
|
-------------------------------------------------------------- */
|
|
|
|
a.button, input[type=submit], input[type=button],
|
|
ul.button-nav li a, div.generic-button a {
|
|
background-position:right top;
|
|
}
|
|
div.accept, div.reject {
|
|
float: right;
|
|
margin-left: 0;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
ul.button-nav li {
|
|
float: right;
|
|
margin: 0 0 10px 10px;
|
|
}
|
|
|
|
/* > AJAX Loaders
|
|
-------------------------------------------------------------- */
|
|
|
|
.ajax-loader {
|
|
background-position:right center !important;
|
|
}
|
|
|
|
a.loading {
|
|
background-position: 5% 50% !important;
|
|
padding-left: 25px !important;
|
|
padding-right: 0 !important;
|
|
}
|
|
|
|
/* > Input Forms
|
|
-------------------------------------------------------------- */
|
|
|
|
form.standard-form#signup_form div.submit { float: left; }
|
|
form.standard-form#signup_form div.signup-avatar { margin-left: 15px; margin-right:0;}
|
|
|
|
form.standard-form div.submit input {
|
|
margin-left: 15px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
form.standard-form div.radio ul {
|
|
margin: 10px 38px 15px 0;
|
|
}
|
|
|
|
form.standard-form #basic-details-section, form.standard-form #blog-details-section,
|
|
form.standard-form #profile-details-section {
|
|
float: right;
|
|
}
|
|
form.standard-form #profile-details-section { float: left; }
|
|
form.standard-form #blog-details-section {
|
|
clear: right;
|
|
}
|
|
|
|
|
|
/* > Data Tables
|
|
-------------------------------------------------------------- */
|
|
table tr td.label {
|
|
border-left: 1px solid #eaeaea;
|
|
border-right: 0;
|
|
}
|
|
|
|
|
|
table.forum tr.closed td.td-title {
|
|
padding-right: 35px;
|
|
padding-left: 0;
|
|
background-position: 5% 50%;
|
|
}
|
|
|
|
table.forum tr > td:first-child, table.forum tr > th:first-child {
|
|
padding-right: 15px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
table.forum tr > td:last-child, table.forum tr > th:last-child {
|
|
padding-left: 15px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
table.forum tr th#th-title, table.forum tr th#th-poster,
|
|
table.forum tr th#th-group, table.forum td.td-poster,
|
|
table.forum td.td-group, table.forum td.td-title { text-align: right; }
|
|
|
|
table.forum td img.avatar {
|
|
margin-left: 5px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
/* > Activity Stream Posting
|
|
-------------------------------------------------------------- */
|
|
|
|
form#whats-new-form h5 {
|
|
margin-right: 76px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
form#whats-new-form #whats-new-avatar {
|
|
float: right;
|
|
}
|
|
|
|
form#whats-new-form #whats-new-content {
|
|
margin-right: 54px;
|
|
padding-right: 22px;
|
|
}
|
|
|
|
form#whats-new-form #whats-new-submit {
|
|
float: left;
|
|
}
|
|
|
|
/* > Activity Stream Listing
|
|
-------------------------------------------------------------- */
|
|
|
|
.activity-list li.mini .activity-avatar img.avatar,
|
|
.activity-list li.mini .activity-avatar img.FB_profile_pic {
|
|
margin-right: 36px;
|
|
margin-left: 0;
|
|
}
|
|
.activity-list li.activity_comment .activity-avatar img.avatar,
|
|
.activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
|
|
margin-right: 20px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
body.activity-permalink .activity-list li .activity-avatar img.avatar,
|
|
body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.activity-list li.mini .activity-content {
|
|
margin-left: 175px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.activity-list li.mini .activity-content p {
|
|
float: right;
|
|
}
|
|
|
|
.activity-list li.mini .activity-meta {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
body.activity-permalink .activity-list li.mini .activity-meta {
|
|
left: 15px;
|
|
right: auto;
|
|
}
|
|
|
|
.activity-list li.mini .activity-comments {
|
|
clear: right;
|
|
}
|
|
|
|
.activity-list li .activity-inreplyto {
|
|
margin-right: 70px;
|
|
margin-left: 0;
|
|
padding-right: 25px;
|
|
padding-left: 0;
|
|
background-position: 5% 0;
|
|
}
|
|
|
|
.activity-list .activity-content {
|
|
margin-right: 70px;
|
|
margin-left: 0;
|
|
}
|
|
body.activity-permalink .activity-list li .activity-content {
|
|
border-left: 1px solid #ddd;
|
|
border-right: 0;
|
|
margin-right: 135px;
|
|
margin-left: 0;
|
|
}
|
|
body.activity-permalink .activity-list li .activity-content > p {
|
|
background-position: top right;
|
|
margin-right: -35px;
|
|
margin-left: 0;
|
|
padding: 5px 38px 0 0;
|
|
}
|
|
|
|
.activity-list .activity-content > p > a:first-child, span.highlight,
|
|
.activity-list .activity-content > .comment-header > a:first-child {
|
|
border-left: 1px solid #a1dcfa;
|
|
border-right: 0;
|
|
margin-left: 3px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.activity-list .activity-content .activity-inner,
|
|
.activity-list .activity-content blockquote {
|
|
margin: 15px 5px 15px 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.activity-list .activity-content img.thumbnail {
|
|
float: right;
|
|
margin: 0 0 5px 10px;
|
|
}
|
|
|
|
.activity-list li.load-more {
|
|
border-left: 1px solid #ddd;
|
|
border-right: 0;
|
|
}
|
|
|
|
/* > Activity Stream Comments
|
|
-------------------------------------------------------------- */
|
|
|
|
div.activity-meta {
|
|
margin: 0 3px 20px 0;
|
|
clear: right;
|
|
}
|
|
|
|
.activity-list div.activity-meta a {
|
|
border-left: 1px solid #ddd;
|
|
border-right: 0;
|
|
margin-left: 3px;
|
|
margin-right: 0;
|
|
}
|
|
.activity-list div.activity-meta a.acomment-reply {
|
|
border-left: 1px solid #FFE8C4;
|
|
border-right: 0;
|
|
}
|
|
|
|
|
|
div.activity-comments {
|
|
margin: 0 75px 0 0;
|
|
}
|
|
|
|
body.activity-permalink div.activity-comments {
|
|
margin-right: 135px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
div.activity-comments ul {
|
|
clear: right;
|
|
}
|
|
|
|
div.activity-comments ul li {
|
|
padding: 10px 0 10px 15px;
|
|
margin-right: 15px;
|
|
margin-left: 0;
|
|
}
|
|
body.activity-permalink div.activity-comments ul li {
|
|
padding: 15px 0 15px 15px;
|
|
}
|
|
|
|
div.activity-comments ul li > ul {
|
|
margin-right: 25px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
div.activity-comments div.acomment-avatar img {
|
|
float: right;
|
|
margin-left: 10px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
div.activity-comments div.acomment-content {
|
|
margin-right: 39px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
div.activity-comments form.ac-form {
|
|
margin: 10px 33px 10px 0;
|
|
border-left: 1px solid #ddd;
|
|
border-right: 0;
|
|
}
|
|
div.activity-comments li form.ac-form {
|
|
margin-left: 15px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
div.activity-comments form.root {
|
|
margin-right: 0;
|
|
}
|
|
|
|
div.activity-comments form.loading {
|
|
background-position: 88% 95%;
|
|
}
|
|
|
|
div.activity-comments form div.ac-reply-avatar {
|
|
float: right;
|
|
}
|
|
|
|
div.activity-comments form div.ac-reply-content {
|
|
margin-right: 25px;
|
|
margin-left: 0;
|
|
padding-right: 15px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
/* > Private Message Threads
|
|
-------------------------------------------------------------- */
|
|
|
|
div.messages-options-nav {
|
|
text-align: left;
|
|
}
|
|
|
|
div#message-thread img.avatar {
|
|
float: right;
|
|
margin: 0 0 0 10px;
|
|
}
|
|
|
|
div#message-thread strong span.activity {
|
|
margin: 4px 10px 0 0;
|
|
}
|
|
|
|
div#message-thread div.message-content {
|
|
margin-right: 45px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
div#message-thread div.message-options {
|
|
text-align: left;
|
|
}
|
|
|
|
/* > Group Forum Topics
|
|
-------------------------------------------------------------- */
|
|
|
|
ul#topic-post-list li div.post-content {
|
|
margin-right: 54px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
div.admin-links {
|
|
left: 25px;
|
|
right: auto
|
|
}
|
|
div#topic-meta div.admin-links {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
|
|
/* > WordPress Blog Styles
|
|
-------------------------------------------------------------- */
|
|
|
|
.navigation, .paged-navigation, .comment-navigation {
|
|
font-family: sans-serif;
|
|
}
|
|
div.navigation .alignright {
|
|
float: left;
|
|
}
|
|
|
|
div.navigation .alignleft {
|
|
float: right;
|
|
}
|
|
|
|
div.post ul, div.post ol, div.post dl { margin: 0 1.5em 18px 0; }
|
|
div.post dl { margin-right: 0; }
|
|
|
|
div.post code { font-family: "Monaco", courier, sans-serif; }
|
|
div.post blockquote {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
div.post table th { text-align: right; }
|
|
|
|
div.post div.author-box, div.comment-avatar-box {
|
|
float: right;
|
|
margin: 0 0 15px 15px;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
div.post div.post-content, div.comment-content {
|
|
margin-right: 105px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
div.post p.date, div.post p.postmetadata, div.comment-meta, div.comment-options {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
div.post p.postmetadata {
|
|
clear: right;
|
|
}
|
|
|
|
div.post .tags { float: right; }
|
|
div.post .comments { float: left; }
|
|
|
|
|
|
div.post dd.wp-caption p.wp-caption-text, div.post .wp-caption p.wp-caption-text {
|
|
padding: 0 0 5px 4px;
|
|
}
|
|
|
|
/* > WordPress Blog Comment Styles
|
|
-------------------------------------------------------------- */
|
|
|
|
div.comment-meta em {
|
|
float: left;
|
|
}
|
|
|
|
/***
|
|
* The admin bar styles.
|
|
*/
|
|
|
|
#wp-admin-bar {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
|
|
#wp-admin-bar div#admin-bar-logo {
|
|
right: 10px;
|
|
left: auto;
|
|
}
|
|
|
|
#wp-admin-bar li {
|
|
text-align: right;
|
|
}
|
|
|
|
#wp-admin-bar li.no-arrow a {
|
|
padding-left: 15px;
|
|
padding-right: 0;
|
|
}
|
|
|
|
|
|
#admin-bar-logo {
|
|
float: right;
|
|
}
|
|
|
|
/*******************/
|
|
|
|
#wp-admin-bar ul li { /* all list items */
|
|
float: right;
|
|
background: url( _inc/images/admin-menu-arrow.gif ) 12% 53% no-repeat;
|
|
padding-left: 11px;
|
|
padding-right: 0;
|
|
}
|
|
#wp-admin-bar ul li.no-arrow {
|
|
padding-left: 0;
|
|
}
|
|
|
|
|
|
#wp-admin-bar ul li.align-right {
|
|
left: 0;
|
|
right: auto;
|
|
}
|
|
|
|
|
|
/* second-level lists */
|
|
|
|
#wp-admin-bar ul li ul {
|
|
right: -999em;
|
|
left:auto;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#wp-admin-bar ul li ul li {
|
|
float: right;
|
|
}
|
|
|
|
/* third-and-above-level lists */
|
|
|
|
#wp-admin-bar ul li ul ul {
|
|
margin: -25px 184px 0 0;
|
|
}
|
|
|
|
#wp-admin-bar ul li:hover ul, #wp-admin-bar ul li li:hover ul, #wp-admin-bar ul li.sfhover ul, #wp-admin-bar ul li ul li.sfhover ul { /* lists nested under hovered list items */
|
|
right: auto;
|
|
}
|
|
|
|
#wp-admin-bar ul li.align-right:hover ul {
|
|
left: 0;
|
|
right:auto;
|
|
}
|
|
|
|
#wp-admin-bar ul li:hover ul ul, #wp-admin-bar li.sfhover ul li ul {
|
|
right: -999em;
|
|
left: auto;
|
|
}
|
|
|
|
/* Menu item css */
|
|
|
|
#wp-admin-bar img.avatar {
|
|
float: right;
|
|
margin-left: 8px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#wp-admin-bar span.activity {
|
|
margin-right: 34px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
#wp-admin-bar ul li#bp-adminbar-notifications-menu a span {
|
|
margin-right: 2px;
|
|
margin-left: 0;
|
|
} |
