Advertisement
Guest User

Untitled

a guest
Feb 12th, 2013
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.86 KB | None | 0 0
  1. /**
  2. * The following are CSS styles extrapolated from the bp-default theme.
  3. * Use these styles as a guideline. You will probably need to adjust some
  4. * declarations so they will gel with your WP theme.
  5. */
  6.  
  7. /*--------------------------------------------------------------
  8. 1 - Activity
  9. --------------------------------------------------------------*/
  10. #activity-stream {
  11. margin-top: -5px;
  12. }
  13. #item-body form#whats-new-form {
  14. border-bottom: 1px solid #ddd;
  15. margin: 20px 0 10px;
  16. padding-bottom: 20px;
  17. }
  18. .home-page form#whats-new-form {
  19. border-bottom: none;
  20. padding-bottom: 0;
  21. }
  22. form#whats-new-form h5 {
  23. font-weight: normal;
  24. font-size: 12px;
  25. color: #888;
  26. margin: 0;
  27. margin-left: 76px;
  28. padding: 0 0 3px 0;
  29. }
  30. form#whats-new-form #whats-new-avatar {
  31. float: left;
  32. }
  33. form#whats-new-form #whats-new-content {
  34. margin-left: 54px;
  35. padding-left: 22px;
  36. }
  37. form#whats-new-form textarea {
  38. background: #fff;
  39. border: 1px inset #ccc;
  40. -moz-border-radius: 3px;
  41. -webkit-border-radius: 3px;
  42. border-radius: 3px;
  43. color: #555;
  44. font-family: inherit;
  45. font-size: 14px;
  46. height: 20px;
  47. padding: 6px;
  48. width: 98%;
  49. }
  50. form#whats-new-form #whats-new-options select {
  51. max-width: 200px;
  52. margin-top: 12px;
  53. }
  54. form#whats-new-form #whats-new-submit {
  55. float: right;
  56. margin-top: 12px;
  57. }
  58. #whats-new-options {
  59. overflow: auto;
  60. height: 0;
  61. }
  62. #whats-new:focus {
  63. border-color: rgba(31, 179, 221, 0.9) !important;
  64. outline-color: rgba(31, 179, 221, 0.9);
  65. box-shadow: 0 0 7px rgba(31, 179, 221, 0.7);
  66. -moz-box-shadow: 0 0 7px rgba(31, 179, 221, 0.7);
  67. -webkit-box-shadow: 0 0 7px rgba(31, 179, 221, 0.7);
  68. }
  69.  
  70. /*--------------------------------------------------------------
  71. 1.1 - Activity Listing
  72. --------------------------------------------------------------*/
  73. ul.activity-list li {
  74. overflow: hidden;
  75. padding: 15px 0 0;
  76. }
  77. .activity-list .activity-avatar {
  78. float: left;
  79. }
  80. ul.activity-list > li:first-child {
  81. padding-top: 5px;
  82. }
  83. ul.item-list.activity-list li.has-comments {
  84. padding-bottom: 15px;
  85. }
  86. body.activity-permalink ul.activity-list li.has-comments {
  87. padding-bottom: 0;
  88. }
  89. .activity-list li.mini {
  90. font-size: 11px;
  91. min-height: 35px;
  92. padding: 15px 0 0 0;
  93. position: relative;
  94. }
  95. .activity-list li.mini .activity-avatar img.avatar,
  96. .activity-list li.mini .activity-avatar img.FB_profile_pic {
  97. height: 20px;
  98. margin-left: 30px;
  99. width: 20px;
  100. }
  101. .activity-permalink .activity-list li.mini .activity-avatar img.avatar,
  102. .activity-permalink .activity-list li.mini .activity-avatar img.FB_profile_pic {
  103. height: auto;
  104. margin-left: 0;
  105. width: auto;
  106. }
  107. body.activity-permalink .activity-list > li:first-child {
  108. padding-top: 0;
  109. }
  110. .activity-list li .activity-content {
  111. position: relative;
  112. }
  113. .activity-list li.mini .activity-content p {
  114. margin: 0;
  115. }
  116. .activity-list li.mini .activity-comments {
  117. clear: both;
  118. font-size: 12px;
  119. }
  120. body.activity-permalink li.mini .activity-meta {
  121. margin-top: 4px;
  122. }
  123. .activity-list li .activity-inreplyto {
  124. background: url( ../buddypress/bp-themes/bp-default/_inc/images/replyto_arrow.gif ) 7px 0 no-repeat;
  125. color: #888;
  126. font-size: 11px;
  127. margin-left: 5px;
  128. margin-top: 5px;
  129. padding-left: 25px;
  130. }
  131. .activity-list li .activity-inreplyto > p {
  132. margin: 0;
  133. display: inline;
  134. }
  135. .activity-list li .activity-inreplyto blockquote,
  136. .activity-list li .activity-inreplyto div.activity-inner {
  137. background: none;
  138. border: none;
  139. display: inline;
  140. margin: 0;
  141. overflow: hidden;
  142. padding: 0;
  143. }
  144. .activity-list .activity-content {
  145. margin-left: 70px;
  146. margin-bottom: 15px;
  147. }
  148. body.activity-permalink .activity-list li .activity-content {
  149. background: #fff;
  150. border-bottom: 1px solid #ddd;
  151. border-right: 1px solid #ddd;
  152. -moz-border-radius: 4px;
  153. -webkit-border-radius: 4px;
  154. border-radius: 4px;
  155. font-size: 16px;
  156. line-height: 150%;
  157. min-height: 35px;
  158. margin-left: 185px;
  159. margin-right: 0;
  160. padding: 15px;
  161. }
  162. body.activity-permalink .activity-list li .activity-header > p {
  163. background: url( ../buddypress/bp-themes/bp-default/_inc/images/activity_arrow.gif ) top left no-repeat;
  164. height: 35px;
  165. margin-bottom: 0;
  166. margin-left: -35px;
  167. padding: 5px 0 0 35px;
  168. }
  169. .activity-list .activity-content .activity-header,
  170. .activity-list .activity-content .comment-header {
  171. color: #888;
  172. font-size: 11px;
  173. line-height: 220%;
  174. }
  175. .activity-header {
  176. margin-right: 20px;
  177. }
  178. .activity-header a,
  179. .comment-meta a,
  180. .acomment-meta a {
  181. text-decoration: none;
  182. }
  183. .activity-list .activity-content .activity-header img.avatar {
  184. float: none !important;
  185. margin: 0 5px -8px 0 !important;
  186. }
  187. a.bp-secondary-action,
  188. span.highlight {
  189. font-size: 11px;
  190. padding: 0;
  191. margin-right: 5px;
  192. text-decoration: none;
  193. }
  194. .activity-list .activity-content .activity-inner,
  195. .activity-list .activity-content blockquote {
  196. margin: 10px 10px 5px 0;
  197. overflow: hidden;
  198. }
  199. .activity-list li.new_forum_post .activity-content .activity-inner,
  200. .activity-list li.new_forum_topic .activity-content .activity-inner {
  201. border-left: 2px solid #EAEAEA;
  202. margin-left: 5px;
  203. padding-left: 10px;
  204. }
  205. body.activity-permalink .activity-content .activity-inner,
  206. body.activity-permalink .activity-content blockquote {
  207. margin-left: 0;
  208. margin-top: 5px;
  209. }
  210. .activity-inner > p {
  211. word-wrap: break-word;
  212. }
  213. .activity-inner > .activity-inner {
  214. margin: 0 !important;
  215. }
  216. .activity-inner > blockquote {
  217. margin: 0 !important;
  218. }
  219. .activity-list .activity-content img.thumbnail {
  220. border: 2px solid #eee;
  221. float: left;
  222. margin: 0 10px 5px 0;
  223. }
  224. .activity-read-more {
  225. margin-left: 1em;
  226. white-space: nowrap;
  227. }
  228. .activity-list li.load-more {
  229. background: #f0f0f0 !important;
  230. border-right: 1px solid #ddd;
  231. border-bottom: 1px solid #ddd;
  232. -moz-border-radius: 4px;
  233. -webkit-border-radius: 4px;
  234. border-radius: 4px;
  235. font-size: 1.2em;
  236. margin: 15px 0 !important;
  237. padding: 10px 15px !important;
  238. text-align: center;
  239. }
  240. .activity-list li.load-more a {
  241. color: #4D4D4D;
  242. }
  243.  
  244.  
  245. /*--------------------------------------------------------------
  246. 1.2 - Activity Comments
  247. --------------------------------------------------------------*/
  248. div.activity-meta {
  249. margin: 18px 0;
  250. }
  251. body.activity-permalink div.activity-meta {
  252. margin-bottom: 6px;
  253. }
  254. div.activity-meta a {
  255. font: normal 11px/20px Arial, Tahoma, Verdana, sans-serif;
  256. padding: 4px 8px;
  257. }
  258. a.activity-time-since {
  259. color: #aaa;
  260. text-decoration: none;
  261. }
  262. a.activity-time-since:hover {
  263. color: #888;
  264. text-decoration: underline;
  265. }
  266. a.bp-primary-action,
  267. #reply-title small a {
  268. font-size: 11px;
  269. margin-right: 5px;
  270. text-decoration: none;
  271. }
  272. a.bp-primary-action span,
  273. #reply-title small a span {
  274. background: #999;
  275. -moz-border-radius: 3px;
  276. -webkit-border-radius: 3px;
  277. border-radius: 3px;
  278. color: #fff;
  279. font-size: 90%;
  280. margin-left: 2px;
  281. padding: 0 5px;
  282. }
  283. a.bp-primary-action:hover span,
  284. #reply-title small a:hover span {
  285. background: #555;
  286. color: #fff;
  287. }
  288. div.activity-comments {
  289. margin: 0 0 0 70px;
  290. overflow: hidden; /* IE fix */
  291. position: relative;
  292. width: auto;
  293. clear: both;
  294. }
  295. body.activity-permalink div.activity-comments {
  296. background: none;
  297. margin-left: 185px;
  298. width: auto;
  299. }
  300. div.activity-comments > ul {
  301. background: #f5f5f5;
  302. -moz-border-radius: 4px;
  303. -webkit-border-radius: 4px;
  304. border-radius: 4px;
  305. padding: 0 0 0 10px;
  306. }
  307. div.activity-comments ul,
  308. div.activity-comments ul li {
  309. border: none;
  310. list-style: none;
  311. }
  312. div.activity-comments ul {
  313. clear: both;
  314. }
  315. div.activity-comments ul li {
  316. border-top: 2px solid #fff;
  317. padding: 10px 0 0;
  318. }
  319. body.activity-permalink .activity-list li.mini .activity-comments {
  320. clear: none;
  321. margin-top: 0;
  322. }
  323. body.activity-permalink div.activity-comments ul li {
  324. border-width: 1px;
  325. padding: 10px 0 0 0;
  326. }
  327. div.activity-comments > ul > li:first-child {
  328. border-top: none;
  329. }
  330. div.activity-comments ul li:last-child {
  331. margin-bottom: 0;
  332. }
  333. div.activity-comments ul li > ul {
  334. margin-left: 30px;
  335. margin-top: 0;
  336. padding-left: 10px;
  337. }
  338. body.activity-permalink div.activity-comments ul li > ul {
  339. margin-top: 10px;
  340. }
  341. body.activity-permalink div.activity-comments > ul {
  342. padding: 0 10px 0 15px;
  343. }
  344. div.activity-comments div.acomment-avatar img {
  345. border-width: 2px !important;
  346. float: left;
  347. height: 25px;
  348. margin-right: 10px;
  349. width: 25px;
  350. }
  351. div.activity-comments div.acomment-content {
  352. font-size: 11px;
  353. margin: 5px 0 0 40px;
  354. }
  355. div.acomment-content .time-since,
  356. div.acomment-content .activity-delete-link,
  357. div.acomment-content .comment-header {
  358. display: none;
  359. }
  360. body.activity-permalink div.activity-comments div.acomment-content {
  361. font-size: 14px;
  362. }
  363. div.activity-comments div.acomment-meta {
  364. color: #888;
  365. font-size: 11px;
  366. }
  367. div.activity-comments form.ac-form {
  368. background: #fafafa;
  369. border: 1px solid #ddd;
  370. -moz-border-radius: 4px;
  371. -webkit-border-radius: 4px;
  372. border-radius: 4px;
  373. display: none;
  374. margin: 0 0 15px 33px;
  375. padding: 8px;
  376. }
  377. div.activity-comments li form.ac-form {
  378. margin-right: 15px;
  379. clear: both;
  380. }
  381. div.activity-comments form.root {
  382. margin-left: 0;
  383. }
  384. div.activity-comments div#message {
  385. margin-top: 15px;
  386. margin-bottom: 0;
  387. }
  388. div.activity-comments form.loading {
  389. background-image: url( ../buddypress/bp-themes/bp-default/_inc/images/ajax-loader.gif );
  390. background-position: 2% 95%;
  391. background-repeat: no-repeat;
  392. }
  393. div.activity-comments form .ac-textarea {
  394. background: #fff;
  395. border: 1px inset #ccc;
  396. -moz-border-radius: 3px;
  397. -webkit-border-radius: 3px;
  398. border-radius: 3px;
  399. margin-bottom: 10px;
  400. padding: 8px;
  401. }
  402. div.activity-comments form textarea {
  403. border: none;
  404. color: #555;
  405. font-family: inherit;
  406. font-size: 11px;
  407. height: 60px;
  408. padding: 0;
  409. width: 100%;
  410. }
  411. div.activity-comments form input {
  412. margin-top: 5px;
  413. }
  414. div.activity-comments form div.ac-reply-avatar {
  415. float: left;
  416. }
  417. div.ac-reply-avatar img {
  418. border: 2px solid #fff !important;
  419. }
  420. div.activity-comments form div.ac-reply-content {
  421. color: #888;
  422. font-size: 11px;
  423. margin-left: 50px;
  424. padding-left: 15px;
  425. }
  426. .acomment-options {
  427. float: left;
  428. margin: 5px 0 5px 40px;
  429. }
  430. .acomment-options a {
  431. color: #999;
  432. }
  433. .acomment-options a:hover {
  434. color: inherit;
  435. }
  436.  
  437.  
  438. /*--------------------------------------------------------------
  439. 2 - Admin Bar
  440. --------------------------------------------------------------*/
  441. #wp-admin-bar .padder {
  442. width: 95% !important; /* Line up the admin bar with the content body in this theme */
  443. }
  444.  
  445.  
  446. /*--------------------------------------------------------------
  447. 3 - Directories - Members, Groups, Blogs, Forums
  448. --------------------------------------------------------------*/
  449. div.dir-search {
  450. float: right;
  451. margin: -39px 0 0 0;
  452. }
  453. div.dir-search input[type=text] {
  454. font-size: 12px;
  455. padding: 1px 3px;
  456. }
  457.  
  458.  
  459. /*--------------------------------------------------------------
  460. 4 - Errors / Success Messages
  461. --------------------------------------------------------------*/
  462. div#message {
  463. margin: 0 0 15px;
  464. }
  465. #message.info {
  466. margin-bottom: 0;
  467. }
  468. div#message.updated {
  469. clear: both;
  470. }
  471. div#message p {
  472. font-size: 12px;
  473. display: block;
  474. padding: 10px 15px;
  475. }
  476. div#message.error p {
  477. background-color: #db1717;
  478. border-color: #a71a1a;
  479. clear: left;
  480. color: #fff;
  481. }
  482. div#message.updated p {
  483. background-color: #8ff57a;
  484. border-color: #80cf70;
  485. color: #1a6a00;
  486. }
  487. .standard-form#signup_form div div.error {
  488. background: #e41717;
  489. -moz-border-radius: 3px;
  490. -webkit-border-radius: 3px;
  491. border-radius: 3px;
  492. color: #fff;
  493. margin: 0 0 10px 0;
  494. padding: 6px;
  495. width: 90%;
  496. }
  497. div.accept,
  498. div.reject {
  499. float: left;
  500. margin-left: 10px;
  501. }
  502. ul.button-nav li {
  503. float: left;
  504. margin: 0 10px 10px 0;
  505. }
  506. ul.button-nav li.current a {
  507. font-weight: bold;
  508. }
  509.  
  510.  
  511. /*--------------------------------------------------------------
  512. 5 - Forms
  513. --------------------------------------------------------------*/
  514. .standard-form textarea,
  515. .standard-form input[type=text],
  516. .standard-form select,
  517. .standard-form input[type=password],
  518. .dir-search input[type=text] {
  519. border: 1px inset #ccc;
  520. -moz-border-radius: 3px;
  521. -webkit-border-radius: 3px;
  522. border-radius: 3px;
  523. color: #888;
  524. font: inherit;
  525. font-size: 14px;
  526. padding: 6px;
  527. }
  528. .standard-form select {
  529. padding: 3px;
  530. }
  531. .standard-form input[type=password] {
  532. margin-bottom: 5px;
  533. }
  534. .standard-form label,
  535. .standard-form span.label {
  536. display: block;
  537. font-weight: bold;
  538. margin: 15px 0 5px 0;
  539. }
  540. .standard-form div.checkbox label,
  541. .standard-form div.radio label {
  542. color: #888;
  543. font-size: 14px;
  544. font-weight: normal;
  545. margin: 5px 0 0 0;
  546. }
  547. .standard-form#sidebar-login-form label {
  548. margin-top: 5px;
  549. }
  550. .standard-form input[type=text] {
  551. width: 75%;
  552. }
  553. .standard-form#sidebar-login-form input[type=text],
  554. .standard-form#sidebar-login-form input[type=password] {
  555. padding: 4px;
  556. width: 95%;
  557. }
  558. .standard-form #basic-details-section input[type=password],
  559. .standard-form #blog-details-section input#signup_blog_url {
  560. width: 35%;
  561. }
  562. .standard-form#signup_form input[type=text],
  563. .standard-form#signup_form textarea,
  564. .form-allowed-tags,
  565. #commentform input[type=text],
  566. #commentform textarea {
  567. width: 90%;
  568. }
  569. .standard-form#signup_form div.submit {
  570. float: right;
  571. }
  572. div#signup-avatar img {
  573. margin: 0 15px 10px 0;
  574. }
  575. .standard-form textarea {
  576. width: 75%;
  577. height: 120px;
  578. }
  579. .standard-form textarea#message_content {
  580. height: 200px;
  581. }
  582. .standard-form#send-reply textarea {
  583. width: 97.5%;
  584. }
  585. .standard-form p.description {
  586. color: #888;
  587. font-size: 11px;
  588. margin: 5px 0;
  589. }
  590. .standard-form div.submit {
  591. clear: both;
  592. padding: 15px 0 0 0;
  593. }
  594. .standard-form p.submit {
  595. margin-bottom: 0;
  596. padding: 15px 0 0 0;
  597. }
  598. .standard-form div.submit input {
  599. margin-right: 15px;
  600. }
  601. .standard-form div.radio ul {
  602. margin: 10px 0 15px 38px;
  603. list-style: disc;
  604. }
  605. .standard-form div.radio ul li {
  606. margin-bottom: 5px;
  607. }
  608. .standard-form a.clear-value {
  609. display: block;
  610. margin-top: 5px;
  611. outline: none;
  612. }
  613. .standard-form #basic-details-section,
  614. .standard-form #blog-details-section,
  615. .standard-form #profile-details-section {
  616. float: left;
  617. width: 48%;
  618. }
  619. .standard-form #profile-details-section {
  620. float: right;
  621. }
  622. .standard-form #blog-details-section {
  623. clear: left;
  624. }
  625. .standard-form input:focus,
  626. .standard-form textarea:focus,
  627. .standard-form select:focus {
  628. background: #fafafa;
  629. color: #555;
  630. }
  631. form#send-invite-form {
  632. margin-top: 20px;
  633. }
  634. div#invite-list {
  635. background: #f5f5f5;
  636. border: 1px solid #e4e4e4;
  637. -moz-border-radius: 3px;
  638. -webkit-border-radius: 3px;
  639. border-radius: 3px;
  640. height: 400px;
  641. margin: 0 0 10px;
  642. overflow: auto;
  643. padding: 5px;
  644. width: 160px;
  645. }
  646. ul.button-nav li a,
  647. div.generic-button a {
  648. background: #fff; /* Old browsers */
  649. background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
  650. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
  651. background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
  652. background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */
  653. background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
  654. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
  655. background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
  656. border: 1px solid #ccc;
  657. -moz-border-radius: 3px;
  658. -webkit-border-radius: 3px;
  659. border-radius: 3px;
  660. color: #777;
  661. cursor: pointer;
  662. font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif;
  663. outline: none;
  664. padding: 4px 10px;
  665. text-align: center;
  666. text-decoration: none;
  667. line-height: 14px;
  668. }
  669. ul.button-nav li a:hover,
  670. ul.button-nav li.current a,
  671. div.generic-button a:hover {
  672. background: #ededed;
  673. background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */
  674. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
  675. background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
  676. background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera11.10+ */
  677. background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */
  678. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
  679. background: linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */
  680. border: 1px solid #bbb;
  681. color: #555;
  682. outline: none;
  683. text-decoration: none;
  684. }
  685.  
  686. /*--------------------------------------------------------------
  687. 6 - Ajax Loading
  688. --------------------------------------------------------------*/
  689. a.loading,
  690. input.loading {
  691. background-image: url( ../buddypress/bp-themes/bp-default/_inc/images/ajax-loader.gif );
  692. background-position: 95% 50%;
  693. background-repeat: no-repeat;
  694. padding-right: 25px;
  695. }
  696. a.loading:hover,
  697. input.loading:hover {
  698. background-image: url( ../buddypress/bp-themes/bp-default/_inc/images/ajax-loader.gif );
  699. background-position: 95% 50%;
  700. background-repeat: no-repeat;
  701. padding-right: 25px;
  702. color: #777;
  703. }
  704.  
  705. /*--------------------------------------------------------------
  706. 7 - Forums, Tables and Topics
  707. --------------------------------------------------------------*/
  708. ul#topic-post-list {
  709. margin: 0px -19px 15px;
  710. width: auto;
  711. }
  712. ul#topic-post-list li {
  713. padding: 15px;
  714. position: relative;
  715. }
  716. ul#topic-post-list li.alt {
  717. background: #f5f5f5;
  718. }
  719. ul#topic-post-list li div.poster-meta {
  720. color: #888;
  721. margin-bottom: 10px;
  722. }
  723. ul#topic-post-list li div.post-content {
  724. margin-left: 54px;
  725. }
  726. div.topic-tags {
  727. font-size: 11px;
  728. float: right;
  729. margin-top: -25px;
  730. }
  731. div.admin-links {
  732. color: #888;
  733. font-size: 11px;
  734. position: absolute;
  735. top: 15px;
  736. right: 25px;
  737. }
  738. div#topic-meta {
  739. margin: -10px -19px;
  740. padding: 5px 19px 30px;
  741. position: relative;
  742. }
  743. div#topic-meta div.admin-links {
  744. right: 19px;
  745. top: -36px;
  746. }
  747. div#topic-meta h3 {
  748. font-size: 20px;
  749. margin: 5px 0;
  750. }
  751. div#new-topic-post {
  752. display: none;
  753. margin: 20px 0 0 0;
  754. padding: 1px 0 0 0;
  755. }
  756. table {
  757. width: 100%;
  758. }
  759. table thead tr {
  760. background: #eaeaea;
  761. }
  762. table#message-threads {
  763. margin: 0 -19px;
  764. width: auto;
  765. }
  766. table.profile-fields {
  767. margin-bottom: 20px;
  768. }
  769. table.profile-fields:last-child {
  770. margin-bottom: 0;
  771. }
  772. table.profile-fields p {
  773. margin-top: 15px;
  774. }
  775. table.profile-fields p:last-child {
  776. margin-top: 0;
  777. }
  778. div#sidebar table {
  779. margin: 0 -16px;
  780. width: 117%;
  781. }
  782. table tr td,
  783. table tr th {
  784. vertical-align: middle;
  785. }
  786. table tr td.label {
  787. border-right: 1px solid #eaeaea;
  788. font-weight: bold;
  789. width: 25%;
  790. }
  791. table tr td.thread-info p {
  792. margin: 0;
  793. }
  794. table tr td.thread-info p.thread-excerpt {
  795. color: #888;
  796. font-size: 11px;
  797. margin-top: 3px;
  798. }
  799. div#sidebar table td,
  800. table.forum td {
  801. text-align: center;
  802. }
  803. table tr.alt td {
  804. background: #f5f5f5;
  805. }
  806. table.notification-settings {
  807. margin-bottom: 20px;
  808. text-align: left;
  809. }
  810. #groups-notification-settings {
  811. margin-bottom: 0;
  812. }
  813. table.notification-settings th.icon,
  814. table.notification-settings td:first-child {
  815. display: none;
  816. }
  817. table.notification-settings th.title {
  818. width: 80%;
  819. }
  820. table.notification-settings .yes,
  821. table.notification-settings .no {
  822. text-align: center;
  823. width: 40px;
  824. }
  825. table.forum {
  826. margin: 0 -19px;
  827. width: auto;
  828. }
  829. table.forum tr.sticky td {
  830. font-size: 1.2em;
  831. background: #fff9db;
  832. border-top: 1px solid #ffe8c4;
  833. border-bottom: 1px solid #ffe8c4;
  834. }
  835. table.forum tr.closed td.td-title {
  836. background-image: url( ../buddypress/bp-themes/bp-default/_inc/images/closed.png );
  837. background-position: 15px 50%;
  838. background-repeat: no-repeat;
  839. padding-left: 35px;
  840. }
  841. table.forum td p.topic-text {
  842. color: #888;
  843. font-size: 13px;
  844. }
  845. table.forum tr > td:first-child,
  846. table.forum tr > th:first-child {
  847. padding-left: 15px;
  848. }
  849. table.forum tr > td:last-child,
  850. table.forum tr > th:last-child {
  851. padding-right: 15px;
  852. }
  853. table.forum tr th#th-title,
  854. table.forum tr th#th-poster,
  855. table.forum tr th#th-group,
  856. table.forum td.td-poster,
  857. table.forum td.td-group,
  858. table.forum td.td-title {
  859. text-align: left;
  860. }
  861. table.forum tr td.td-title a.topic-title {
  862. font-size: 1.2em;
  863. }
  864. table.forum td.td-freshness {
  865. white-space: nowrap;
  866. }
  867. table.forum td.td-freshness span.time-since {
  868. font-size: 0.9em;
  869. color: #888;
  870. }
  871. table.forum td img.avatar {
  872. float: none;
  873. margin: 0 5px -8px 0;
  874. }
  875. table.forum td.td-poster,
  876. table.forum td.td-group {
  877. min-width: 140px;
  878. }
  879. table.forum th#th-title {
  880. width: 80%;
  881. }
  882. table.forum th#th-freshness {
  883. width: 25%;
  884. }
  885. table.forum th#th-postcount {
  886. width: 15%;
  887. }
  888. table.forum p.topic-meta {
  889. font-size: 0.9em;
  890. margin: 5px 0 0 0;
  891. }
  892.  
  893. /*--------------------------------------------------------------
  894. 8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
  895. --------------------------------------------------------------*/
  896. .item-body {
  897. margin: 20px 0;
  898. }
  899. span.activity {
  900. display: inline-block;
  901. font-size: 11px;
  902. opacity: 0.8;
  903. padding: 1px 8px;
  904. }
  905. span.user-nicename {
  906. color: #777;
  907. display: inline-block;
  908. font-size: 16px;
  909. font-weight: bold;
  910. }
  911. span.activity,
  912. div#message p {
  913. border: 1px solid #e1ca82;
  914. -moz-border-radius: 3px;
  915. -webkit-border-radius: 3px;
  916. border-radius: 3px;
  917. font-weight: normal;
  918. margin-top: 3px;
  919. text-decoration: none;
  920. background: #ffeaa6;
  921. background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
  922. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, .5)), color-stop(100%,rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
  923. background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
  924. background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
  925. background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
  926. background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
  927. }
  928. div#item-header {
  929. overflow: hidden;
  930. }
  931. div#item-header div#item-header-content {
  932. margin-left: 170px;
  933. }
  934. div#item-header h2 {
  935. font-size: 28px;
  936. line-height: 120%;
  937. margin: 0 0 15px 0;
  938. }
  939. div#item-header h2 a {
  940. color: #777;
  941. text-decoration: none;
  942. }
  943. div#item-header img.avatar {
  944. float: left;
  945. margin: 0 15px 19px 0;
  946. }
  947. div#item-header h2 {
  948. margin-bottom: 5px;
  949. }
  950. div#item-header span.activity,
  951. div#item-header h2 span.highlight {
  952. font-size: 11px;
  953. font-weight: normal;
  954. line-height: 170%;
  955. margin-bottom: 7px;
  956. vertical-align: middle;
  957. }
  958. div#item-header h2 span.highlight {
  959. font-size: 16px;
  960. }
  961. div#item-header h2 span.highlight span {
  962. background: #a1dcfa;
  963. -moz-border-radius: 3px;
  964. -webkit-border-radius: 3px;
  965. border-radius: 3px;
  966. color: #fff;
  967. cursor: pointer;
  968. font-weight: bold;
  969. font-size: 11px;
  970. margin-bottom: 2px;
  971. padding: 1px 4px;
  972. position: relative;
  973. right: -2px;
  974. top: -2px;
  975. vertical-align: middle;
  976. }
  977. div#item-header div#item-meta {
  978. font-size: 14px;
  979. color: #aaa;
  980. overflow: hidden;
  981. margin: 15px 0 5px 0;
  982. padding-bottom: 10px;
  983. }
  984. div#item-header div#item-actions {
  985. float: right;
  986. margin: 0 0 15px 15px;
  987. text-align: right;
  988. width: 20%;
  989. }
  990. div#item-header div#item-actions h3 {
  991. font-size: 12px;
  992. margin: 0 0 5px 0;
  993. }
  994. div#item-header ul {
  995. margin-bottom: 15px;
  996. overflow: hidden;
  997. }
  998. div#item-header ul h5,
  999. div#item-header ul span,
  1000. div#item-header ul hr {
  1001. display: none;
  1002. }
  1003. div#item-header ul li {
  1004. float: right;
  1005. }
  1006. div#item-header ul img.avatar,
  1007. div#item-header ul.avatars img.avatar {
  1008. height: 30px;
  1009. margin: 2px;
  1010. width: 30px;
  1011. }
  1012. div#item-header div.generic-button,
  1013. div#item-header a.button {
  1014. float: left;
  1015. margin: 10px 10px 0 0;
  1016. }
  1017. div#item-header div#message.info {
  1018. line-height: 80%;
  1019. }
  1020. ul.item-list {
  1021. width: 100%;
  1022. }
  1023. ul.item-list li {
  1024. border-bottom: 1px solid #eaeaea;
  1025. padding: 15px 0;
  1026. position: relative;
  1027. }
  1028. ul.item-list.activity-list li {
  1029. padding-bottom: 0;
  1030. }
  1031. ul.single-line li {
  1032. border: none;
  1033. }
  1034. ul.item-list li img.avatar {
  1035. float: left;
  1036. margin: 0 10px 0 0;
  1037. }
  1038. ul.item-list li div.item-title,
  1039. ul.item-list li h4 {
  1040. font-weight: normal;
  1041. font-size: 14px;
  1042. margin: 0;
  1043. width: 75%;
  1044. }
  1045. ul.item-list li div.item-title span {
  1046. color: #999;
  1047. font-size: 12px;
  1048. }
  1049. ul.item-list li div.item-desc {
  1050. color: #888;
  1051. font-size: 11px;
  1052. margin: 10px 0 0 64px;
  1053. width: 50%;
  1054. }
  1055. ul.item-list li div.action {
  1056. position: absolute;
  1057. top: 15px;
  1058. right: 0;
  1059. text-align: right;
  1060. }
  1061. ul.item-list li div.meta {
  1062. color: #888;
  1063. font-size: 11px;
  1064. margin-top: 10px;
  1065. }
  1066. ul.item-list li h5 span.small {
  1067. float: right;
  1068. font-size: 11px;
  1069. font-weight: normal;
  1070. }
  1071. div.item-list-tabs {
  1072. background: #eaeaea;
  1073. clear: left;
  1074. margin: 25px -19px 20px -19px;
  1075. overflow: hidden;
  1076. }
  1077. div.item-list-tabs ul li a {
  1078. text-decoration: none;
  1079. height: 20px;
  1080. }
  1081. div.item-list-tabs ul {
  1082. width: 100%;
  1083. }
  1084. div.item-list-tabs ul li {
  1085. float: left;
  1086. list-style-type: none;
  1087. margin: 5px 0 0 5px;
  1088. }
  1089. div.item-list-tabs#subnav ul li {
  1090. margin-top: 0;
  1091. }
  1092. div.item-list-tabs ul li:first-child {
  1093. margin-left: 20px;
  1094. }
  1095. div.item-list-tabs ul li.last {
  1096. float: right;
  1097. margin: 7px 20px 0 0;
  1098. }
  1099. div.item-list-tabs#subnav ul li.last {
  1100. margin-top: 4px;
  1101. }
  1102. div.item-list-tabs ul li.last select {
  1103. max-width: 175px;
  1104. }
  1105. div.item-list-tabs ul li a,
  1106. div.item-list-tabs ul li span {
  1107. display: block;
  1108. padding: 5px 10px;
  1109. text-decoration: none;
  1110. }
  1111. div.item-list-tabs ul li a span {
  1112. background: #1fb3dd;
  1113. -moz-border-radius: 3px;
  1114. -webkit-border-radius: 3px;
  1115. border-radius: 3px;
  1116. color: #fff;
  1117. display: inline;
  1118. font-size: 90%;
  1119. margin-left: 2px;
  1120. padding: 1px 6px;
  1121. }
  1122. div.item-list-tabs ul li.selected a,
  1123. div.item-list-tabs ul li.current a {
  1124. background-color: #fff;
  1125. -moz-border-radius-topleft: 3px;
  1126. -webkit-border-top-left-radius: 3px;
  1127. -moz-border-radius-topright: 3px;
  1128. -webkit-border-top-right-radius: 3px;
  1129. border-top-left-radius: 3px;
  1130. border-top-right-radius: 3px;
  1131. color: #555;
  1132. font-weight: bold;
  1133. }
  1134. div.item-list-tabs ul li.selected a span,
  1135. div.item-list-tabs ul li.current a span,
  1136. div.item-list-tabs ul li a:hover span {
  1137. background-color: #999;
  1138. }
  1139. div.item-list-tabs ul li.selected a span,
  1140. div.item-list-tabs ul li.current a span {
  1141. background-color: #555;
  1142. }
  1143. ul li.loading a {
  1144. background-image: url( ../buddypress/bp-themes/bp-default/_inc/images/ajax-loader.gif );
  1145. background-position: 92% 50%;
  1146. background-repeat: no-repeat;
  1147. padding-right: 30px !important;
  1148. }
  1149. div#item-nav ul li.loading a {
  1150. background-position: 88% 50%;
  1151. }
  1152. div.item-list-tabs#object-nav {
  1153. margin-top: 0;
  1154. }
  1155. div.item-list-tabs#subnav {
  1156. background: #fff;
  1157. border-bottom: 1px solid #eaeaea;
  1158. margin: -15px -19px 15px -19px;
  1159. min-height: 35px;
  1160. overflow: hidden;
  1161. }
  1162. div.item-list-tabs ul li.feed a {
  1163. background: url( ../buddypress/bp-themes/bp-default/_inc/images/rss.png ) center left no-repeat;
  1164. padding-left: 20px;
  1165. }
  1166. #admins-list li {
  1167. overflow: auto;
  1168. }
  1169.  
  1170.  
  1171. /*--------------------------------------------------------------
  1172. 9 - Private Messaging Threads
  1173. --------------------------------------------------------------*/
  1174. table#message-threads tr.unread td {
  1175. background: #fff9db;
  1176. border-top: 1px solid #ffe8c4;
  1177. border-bottom: 1px solid #ffe8c4;
  1178. font-weight: bold;
  1179. }
  1180. li span.unread-count,
  1181. tr.unread span.unread-count {
  1182. background: #dd0000;
  1183. -moz-border-radius: 3px;
  1184. -webkit-border-radius: 3px;
  1185. border-radius: 3px;
  1186. color: #fff;
  1187. font-weight: bold;
  1188. padding: 2px 8px;
  1189. }
  1190. div.item-list-tabs ul li a span.unread-count {
  1191. padding: 1px 6px;
  1192. color: #fff;
  1193. }
  1194. div.messages-options-nav {
  1195. background: #eee;
  1196. font-size: 11px;
  1197. margin: 0 -19px;
  1198. padding: 5px 15px;
  1199. text-align: right;
  1200. }
  1201. div#message-thread div.message-box {
  1202. margin: 0 -19px;
  1203. padding: 15px;
  1204. }
  1205. div#message-thread div.alt {
  1206. background: #f4f4f4;
  1207. }
  1208. div#message-thread p#message-recipients {
  1209. margin: 10px 0 20px 0;
  1210. }
  1211. div#message-thread img.avatar {
  1212. float: left;
  1213. margin: 0 10px 0 0;
  1214. vertical-align: middle;
  1215. }
  1216. div#message-thread strong {
  1217. font-size: 16px;
  1218. margin: 0;
  1219. }
  1220. div#message-thread strong a {
  1221. text-decoration: none;
  1222. }
  1223. div#message-thread strong span.activity {
  1224. margin: 4px 0 0 10px;
  1225. }
  1226. div#message-thread div.message-metadata {
  1227. overflow: hidden;
  1228. }
  1229. div#message-thread div.message-content {
  1230. margin-left: 45px;
  1231. }
  1232. div#message-thread div.message-options {
  1233. text-align: right;
  1234. }
  1235.  
  1236.  
  1237. /*--------------------------------------------------------------
  1238. 10 - Pagination
  1239. --------------------------------------------------------------*/
  1240. .padder div.pagination {
  1241. background: #f4f4f4;
  1242. border: none;
  1243. color: #888;
  1244. font-size: 11px;
  1245. height: 19px;
  1246. margin: -20px -19px 0px -19px;
  1247. padding: 8px 20px;
  1248. position: relative;
  1249. }
  1250. .padder div.pagination .pag-count {
  1251. float: left;
  1252. }
  1253. .padder div.pagination .pagination-links {
  1254. float: right;
  1255. }
  1256. .padder div.pagination .pagination-links span,
  1257. .padder div.pagination .pagination-links a {
  1258. font-size: 12px;
  1259. padding: 0 5px;
  1260. }
  1261. .padder div.pagination .pagination-links a:hover {
  1262. font-weight: bold;
  1263. }
  1264. .padder div#pag-bottom {
  1265. margin-top: -1px;
  1266. }
  1267. .padder #nav-above {
  1268. display: none;
  1269. }
  1270. .padder .paged #nav-above {
  1271. display: block;
  1272. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement