Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Feb 12th, 2013  |  syntax: None  |  size: 28.86 KB  |  views: 45  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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. }
clone this paste RAW Paste Data