API tools faq
paste
jangio14

BBPress CSS

jangio14
Jan 7th, 2015
256
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 30.44 KB | None | 0 0
raw download clone embed print report
  1. /**
  2.  * bbPress specific CSS
  3.  *
  4.  * @package bbPress
  5.  * @subpackage Theme
  6.  */
  7.  
  8. /* =bbPress Style
  9. -------------------------------------------------------------- */
  10.  
  11. #bbpress-forums hr {
  12.     margin: 0 0 24px 0;
  13. }
  14.  
  15. #bbpress-forums {
  16.     background: transparent;
  17.     clear: both;
  18.     margin-bottom: 20px;
  19.     overflow: hidden;
  20.     font-size: 12px;
  21. }
  22.  
  23. #bbpress-forums div.even,
  24. #bbpress-forums ul.even {
  25.     background-color: #fff;
  26. }
  27.  
  28. #bbpress-forums div.odd,
  29. #bbpress-forums ul.odd {
  30.     background-color: #fbfbfb;
  31. }
  32.  
  33. body.reply-edit .reply {
  34.     float: none;
  35. }
  36.  
  37. #bbpress-forums div.reply {
  38.     height: auto;
  39.     width: 100%;
  40. }
  41.  
  42. #bbpress-forums div.bbp-forum-header,
  43. #bbpress-forums div.bbp-topic-header,
  44. #bbpress-forums div.bbp-reply-header {
  45.     background-color: #f4f4f4;
  46. }
  47.  
  48. #bbpress-forums .status-trash.even,
  49. #bbpress-forums .status-spam.even {
  50.     background-color: #fee;
  51. }
  52. #bbpress-forums .status-trash.odd,
  53. #bbpress-forums .status-spam.odd {
  54.     background-color: #fdd;
  55. }
  56.  
  57. #bbpress-forums .status-closed,
  58. #bbpress-forums .status-closed a {
  59.     color: #ccc;
  60. }
  61.  
  62. #bbpress-forums ul {
  63.     background:  none;
  64.     list-style: none;
  65.     margin: 0;
  66.     padding: 0;
  67. }
  68.  
  69. #bbpress-forums ul.bbp-threaded-replies {
  70.     margin-left: 50px;
  71. }
  72.  
  73. #bbpress-forums li {
  74.     background: none;
  75.     margin: 0;
  76.     list-style: none;
  77. }
  78.  
  79. #bbpress-forums ul.bbp-lead-topic,
  80. #bbpress-forums ul.bbp-topics,
  81. #bbpress-forums ul.bbp-forums,
  82. #bbpress-forums ul.bbp-replies,
  83. #bbpress-forums ul.bbp-search-results {
  84.     font-size: 12px;
  85.     overflow: hidden;
  86.     border: 1px solid #eee;
  87.     margin-bottom: 20px;
  88.     clear: both;
  89. }
  90.  
  91. #bbpress-forums li.bbp-header,
  92. #bbpress-forums li.bbp-body,
  93. #bbpress-forums li.bbp-footer {
  94.     clear: both;
  95. }
  96.  
  97. #bbpress-forums li.bbp-header,
  98. #bbpress-forums li.bbp-footer {
  99.     background: #f3f3f3;
  100.     border-top: 1px solid #eee;
  101.     font-weight: bold;
  102.     padding: 8px;
  103.     text-align: center;
  104. }
  105.  
  106. #bbpress-forums li.bbp-header {
  107.     background: #eaeaea;
  108. }
  109.  
  110. #bbpress-forums li.bbp-header ul {
  111.     overflow: hidden;
  112. }
  113.  
  114. #bbpress-forums .bbp-forums-list {
  115.     margin: 0 0 0 5px;
  116.     padding-left: 15px;
  117.     border-left: 1px solid #ddd;
  118. }
  119.  
  120. #bbpress-forums .bbp-forums-list li {
  121.     display: inline;
  122.     font-size: 11px;
  123. }
  124.  
  125. #bbpress-forums li.bbp-footer p {
  126.     margin: 0;
  127.     line-height: 1em;
  128. }
  129.  
  130. li.bbp-forum-info,
  131. li.bbp-topic-title {
  132.     float: left;
  133.     text-align: left;
  134.     width: 55%;
  135. }
  136. li.bbp-forum-topic-count,
  137. li.bbp-topic-voice-count,
  138. li.bbp-forum-reply-count,
  139. li.bbp-topic-reply-count {
  140.     float: left;
  141.     text-align: center;
  142.     width: 10%;
  143. }
  144.  
  145. li.bbp-forum-freshness,
  146. li.bbp-topic-freshness {
  147.     text-align: center;
  148.     float: left;
  149.     width: 22%;
  150. }
  151.  
  152. #bbpress-forums li.bbp-body ul.forum,
  153. #bbpress-forums li.bbp-body ul.topic {
  154.     border-top: 1px solid #eee;
  155.     overflow: hidden;
  156.     padding: 8px;
  157. }
  158.  
  159. li.bbp-header div.bbp-topic-content span#subscription-toggle,
  160. li.bbp-header div.bbp-topic-content span#favorite-toggle,
  161. li.bbp-header div.bbp-reply-content span#subscription-toggle,
  162. li.bbp-header div.bbp-reply-content span#favorite-toggle {
  163.     float: right;
  164. }
  165.  
  166. #bbpress-forums div.bbp-forum-title h3,
  167. #bbpress-forums div.bbp-topic-title h3,
  168. #bbpress-forums div.bbp-reply-title h3 {
  169.     background: none;
  170.     border: none;
  171.     font-size: 16px;
  172.     line-height: 1em;
  173.     margin: 8px 0;
  174.     padding: 0;
  175.     text-transform: none;
  176. }
  177.  
  178. #bbpress-forums div.bbp-forum-author,
  179. #bbpress-forums div.bbp-topic-author,
  180. #bbpress-forums div.bbp-reply-author {
  181.     float: left;
  182.     text-align: center;
  183.     width: 115px;
  184. }
  185.  
  186. #bbpress-forums div.bbp-forum-author img.avatar,
  187. #bbpress-forums div.bbp-topic-author img.avatar,
  188. #bbpress-forums div.bbp-reply-author img.avatar {
  189.     border: none;
  190.     max-width: 80px;
  191.     padding: 0;
  192.     margin: 12px auto 0 auto;
  193.     float: none;
  194. }
  195.  
  196. #bbpress-forums div.bbp-forum-author a.bbp-author-name,
  197. #bbpress-forums div.bbp-topic-author a.bbp-author-name,
  198. #bbpress-forums div.bbp-reply-author a.bbp-author-name {
  199.     margin: 0 12px;
  200.     word-break: break-word;
  201.     display: inline-block;
  202. }
  203.  
  204. #bbpress-forums div.bbp-topic-author a.bbp-author-name,
  205. #bbpress-forums div.bbp-reply-author a.bbp-author-name {
  206.     clear: left;
  207.     display: block;
  208. }
  209.  
  210. #bbpress-forums div.bbp-forum-author .bbp-author-role,
  211. #bbpress-forums div.bbp-topic-author .bbp-author-role,
  212. #bbpress-forums div.bbp-reply-author .bbp-author-role {
  213.     font-size: 11px;
  214.     font-style: italic;
  215. }
  216.  
  217. #bbpress-forums li.bbp-header .bbp-search-author,
  218. #bbpress-forums li.bbp-footer .bbp-search-author,
  219. #bbpress-forums li.bbp-header .bbp-forum-author,
  220. #bbpress-forums li.bbp-footer .bbp-forum-author,
  221. #bbpress-forums li.bbp-header .bbp-topic-author,
  222. #bbpress-forums li.bbp-footer .bbp-topic-author,
  223. #bbpress-forums li.bbp-header .bbp-reply-author,
  224. #bbpress-forums li.bbp-footer .bbp-reply-author {
  225.     float: left;
  226.     margin: 0;
  227.     padding: 0;
  228.     width: 120px;
  229. }
  230.  
  231. #bbpress-forums li.bbp-header .bbp-search-content,
  232. #bbpress-forums li.bbp-footer .bbp-search-content,
  233. #bbpress-forums li.bbp-header .bbp-forum-content,
  234. #bbpress-forums li.bbp-footer .bbp-forum-content,
  235. #bbpress-forums li.bbp-header .bbp-topic-content,
  236. #bbpress-forums li.bbp-footer .bbp-topic-content,
  237. #bbpress-forums li.bbp-header .bbp-reply-content,
  238. #bbpress-forums li.bbp-footer .bbp-reply-content {
  239.     margin-left: 140px;
  240.     padding: 0;
  241.     text-align: left;
  242. }
  243.  
  244. div.bbp-forum-header,
  245. div.bbp-topic-header,
  246. div.bbp-reply-header,
  247. li.bbp-body div.hentry {
  248.     margin-bottom: 0;
  249.     overflow: hidden;
  250.     padding: 8px;
  251. }
  252.  
  253. div.bbp-forum-header,
  254. div.bbp-topic-header,
  255. div.bbp-reply-header {
  256.     border-top: 1px solid #ddd;
  257.     clear: both;
  258. }
  259.  
  260. span.bbp-author-ip {
  261.     font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
  262.     font-size: 11px;
  263.     font-weight: bold;
  264.     color: #aaa;
  265. }
  266.  
  267. /* =Topic and reply content
  268. -------------------------------------------------------------- */
  269.  
  270. #bbpress-forums div.bbp-forum-content,
  271. #bbpress-forums div.bbp-topic-content,
  272. #bbpress-forums div.bbp-reply-content {
  273.     margin-left: 130px;
  274.     padding: 12px 12px 12px 0;
  275.     text-align: left;
  276. }
  277.  
  278. /* Clearing hack */
  279. #bbpress-forums div.bbp-forum-content:after,
  280. #bbpress-forums div.bbp-topic-content:after,
  281. #bbpress-forums div.bbp-reply-content:after {
  282.     clear: both;
  283.     content: ".";
  284.     display: block;
  285.     float: none;
  286.     height: 0;
  287.     font-size: 0;
  288.     visibility: hidden;
  289. }
  290.  
  291. #bbpress-forums div.bbp-topic-content a,
  292. #bbpress-forums div.bbp-reply-content a {
  293.     background: none;
  294.     border: none;
  295.     display: inline;
  296.     font-weight: normal;
  297.     margin: 0;
  298.     padding: 0;
  299. }
  300.  
  301. #bbpress-forums div.bbp-topic-content h1,
  302. #bbpress-forums div.bbp-reply-content h1,
  303. #bbpress-forums div.bbp-topic-content h2,
  304. #bbpress-forums div.bbp-reply-content h2,
  305. #bbpress-forums div.bbp-topic-content h3,
  306. #bbpress-forums div.bbp-reply-content h3,
  307. #bbpress-forums div.bbp-topic-content h4,
  308. #bbpress-forums div.bbp-reply-content h4,
  309. #bbpress-forums div.bbp-topic-content h5,
  310. #bbpress-forums div.bbp-reply-content h5,
  311. #bbpress-forums div.bbp-topic-content h6,
  312. #bbpress-forums div.bbp-reply-content h6 {
  313.     clear: none;
  314.     line-height: 1em;
  315.     margin: 24px 0;
  316.     padding: 0;
  317. }
  318.  
  319. #bbpress-forums div.bbp-topic-content img,
  320. #bbpress-forums div.bbp-reply-content img {
  321.     max-width: 100%;
  322. }
  323.  
  324. #bbpress-forums div.bbp-topic-content ul,
  325. #bbpress-forums div.bbp-reply-content ul,
  326. #bbpress-forums div.bbp-topic-content ol,
  327. #bbpress-forums div.bbp-reply-content ol {
  328.     margin: 0 15px 15px;
  329.     padding: 0;
  330. }
  331.  
  332. #bbpress-forums div.bbp-topic-content ul li,
  333. #bbpress-forums div.bbp-reply-content ul li {
  334.     list-style-type: disc;
  335. }
  336.  
  337. #bbpress-forums div.bbp-topic-content ol li,
  338. #bbpress-forums div.bbp-reply-content ol li {
  339.     list-style-type: decimal;
  340. }
  341.  
  342. #bbpress-forums div.bbp-topic-content ol li li,
  343. #bbpress-forums div.bbp-reply-content ol li li {
  344.     list-style-type: lower-alpha;
  345. }
  346.  
  347. #bbpress-forums div.bbp-topic-content ol li li li,
  348. #bbpress-forums div.bbp-reply-content ol li li li {
  349.     list-style-type: upper-roman;
  350. }
  351.  
  352. #bbpress-forums div.bbp-topic-content code,
  353. #bbpress-forums div.bbp-reply-content code,
  354. #bbpress-forums div.bbp-topic-content pre,
  355. #bbpress-forums div.bbp-reply-content pre {
  356.     font-family: Inconsolata, Consolas, Monaco, Lucida Console, monospace;
  357.     display: inline-block;
  358.     background-color: #f9f9f9;
  359.     border: 1px solid #ddd;
  360.     padding: 0 5px;
  361.     max-width: 95%;
  362.     vertical-align: middle;
  363.     margin-top: -3px;
  364. }
  365.  
  366. #bbpress-forums div.bbp-topic-content pre,
  367. #bbpress-forums div.bbp-reply-content pre {
  368.     display: block;
  369.     line-height: 18px;
  370.     margin: 0 0 24px;
  371.     padding: 5px 10px;
  372.     white-space: pre;
  373.     overflow: auto;
  374. }
  375.  
  376. #bbpress-forums div.bbp-topic-content pre code,
  377. #bbpress-forums div.bbp-reply-content pre code {
  378.     display: block;
  379.     border: none;
  380.     padding: 0;
  381.     margin: 0;
  382.     background-color: transparent;
  383.     overflow-wrap: normal;
  384.     overflow: auto;
  385.     max-width: 100%;
  386. }
  387.  
  388. /* =Reply to
  389. -------------------------------------------------------------- */
  390.  
  391. #bbpress-forums div.bbp-reply-to {
  392.     margin-left: 130px;
  393.     padding: 12px 12px 12px 0;
  394.     text-align: right;
  395. }
  396.  
  397. #bbpress-forums div#bbp-cancel-reply-to {
  398.     text-align: right;
  399. }
  400.  
  401. /* =Breadcrumb and Tags
  402. -------------------------------------------------------------- */
  403.  
  404. div.bbp-breadcrumb {
  405.     float: left;
  406. }
  407.  
  408. div.bbp-breadcrumb,
  409. div.bbp-topic-tags {
  410.     font-size: 12px;
  411. }
  412.  
  413. #bbpress-forums div.bbp-breadcrumb p,
  414. #bbpress-forums div.bbp-topic-tags p {
  415.     margin-bottom: 10px
  416. }
  417.  
  418. #bbpress-forums div.bbp-topic-tags {
  419.     float: right;
  420. }
  421.  
  422. #bbp-topic-hot-tags {
  423.     clear: both;
  424. }
  425.  
  426. /* =Search
  427. -------------------------------------------------------------- */
  428.  
  429. #bbpress-forums #bbp-search-form {
  430.     clear: left;
  431. }
  432.  
  433.     #bbpress-forums #bbp-search-form .hidden {
  434.         height: 0;
  435.         width: 0;
  436.         overflow: hidden;
  437.         position: absolute;
  438.         background: none;
  439.         left: -999em;
  440.     }
  441.  
  442.     #bbpress-forums #bbp-search-form #bbp_search {
  443.         display: inline-block;
  444.         width: auto;
  445.     }
  446.  
  447. #bbpress-forums div.bbp-search-form {
  448.     float: right;
  449. }
  450.  
  451. /* =Admin Links
  452. -------------------------------------------------------------- */
  453.  
  454. span.bbp-admin-links {
  455.     float: right;
  456.     color: #ddd;
  457. }
  458. span.bbp-admin-links a {
  459.     color: #bbb;
  460.     font-weight: normal;
  461.     font-size: 10px;
  462.     text-transform: uppercase;
  463.     text-decoration: none;
  464. }
  465. fieldset span.bbp-admin-links {
  466.     float: left;
  467. }
  468. tr td span.bbp-admin-links a:hover {
  469.     color: #ff4b33;
  470. }
  471. td.bbp-topic-admin-links,
  472. td.bbp-topic-counts {
  473.     width: 50%;
  474. }
  475.  
  476. .bbp-forum-header a.bbp-forum-permalink,
  477. .bbp-topic-header a.bbp-topic-permalink,
  478. .bbp-reply-header a.bbp-reply-permalink {
  479.     float: right;
  480.     margin-left: 10px;
  481.     color: #ccc;
  482. }
  483.  
  484. /* =Toggles
  485. -------------------------------------------------------------- */
  486.  
  487. .bbp-row-actions #favorite-toggle a {
  488.     text-decoration: none;
  489.     padding: 0 3px 1px;
  490.     color: #7c7;
  491.     border: 1px solid #aca;
  492.     background-color: #dfd;
  493.     font-weight: bold;
  494.     font-size: 13px;
  495.     }
  496.     .bbp-row-actions #favorite-toggle a:hover {
  497.         color: #5a5;
  498.         border-color: #7c7;
  499.         background-color: #beb;
  500.     }
  501.     .bbp-row-actions #favorite-toggle span.is-favorite a {
  502.         color: #faa;
  503.         border: 1px solid #faa;
  504.         background-color: #fee;
  505.         }
  506.         .bbp-row-actions #favorite-toggle span.is-favorite a:hover {
  507.             color: #c88;
  508.             border-color: #c88;
  509.             background-color: #fdd;
  510.         }
  511.  
  512. .bbp-row-actions #subscription-toggle a {
  513.     text-decoration: none;
  514.     padding: 0 3px 1px;
  515.     color: #7c7;
  516.     border: 1px solid #aca;
  517.     background-color: #dfd;
  518.     font-weight: bold;
  519.     font-size: 13px;
  520.     }
  521.     .bbp-row-actions #subscription-toggle a:hover {
  522.         color: #5a5;
  523.         border-color: #7c7;
  524.         background-color: #beb;
  525.     }
  526.     .bbp-row-actions #subscription-toggle span.is-subscribed a {
  527.         color: #faa;
  528.         border: 1px solid #faa;
  529.         background-color: #fee;
  530.         }
  531.         .bbp-row-actions #subscription-toggle span.is-subscribed a:hover {
  532.             color: #c88;
  533.             border-color: #c88;
  534.             background-color: #fdd;
  535.         }
  536.  
  537. #bbpress-forums .bbp-forum-info .bbp-forum-content,
  538. #bbpress-forums p.bbp-topic-meta {
  539.     font-size: 11px;
  540.     margin: 5px 0 5px;
  541.     padding: 0;
  542.     word-wrap: break-word;
  543. }
  544.  
  545. #bbpress-forums p.bbp-topic-meta span {
  546.     white-space: nowrap;
  547. }
  548.  
  549. /* =Pagination
  550. -------------------------------------------------------------- */
  551.  
  552. .bbp-pagination-count {
  553.     float: left;
  554.     border: 1px solid transparent;
  555. }
  556.  
  557. .bbp-pagination-links {
  558.     float: right;
  559.     list-style: none;
  560.     display: inline;
  561.     }
  562.     .bbp-pagination-links a,
  563.     .bbp-pagination-links span.current {
  564.         display: block;
  565.         float: left;
  566.         padding: 0px 5px;
  567.         margin-left: 5px;
  568.         border: 1px solid #efefef;
  569.         text-decoration: none;
  570.         }
  571.         .bbp-pagination-links a:hover,
  572.         .bbp-pagination-links span.current {
  573.             background: #eee;
  574.             opacity: 0.8;
  575.             border: 1px solid #ddd;
  576.         }
  577.  
  578.     .bbp-pagination-links span.dots {
  579.         display: block;
  580.         float: left;
  581.         padding: 1px 4px;
  582.         margin-left: 5px;
  583.     }
  584.  
  585. .bbp-pagination {
  586.     float: left;
  587.     width: 100%;
  588.     margin-bottom: 15px;
  589. }
  590.  
  591. .bbp-topic-pagination {
  592.     display: inline-block;
  593.     margin-left: 5px;
  594.     margin-bottom: 2px;
  595.     }
  596.     .bbp-topic-pagination a {
  597.         font-size: 10px;
  598.         line-height: 10px;
  599.         padding: 1px 3px;
  600.         border: 1px solid #ddd;
  601.         text-decoration: none;
  602.     }
  603.  
  604.  
  605. /* =Forms
  606. -------------------------------------------------------------- */
  607.  
  608. #bbpress-forums fieldset.bbp-form {
  609.     clear: left;
  610. }
  611.  
  612. #bbpress-forums fieldset.bbp-form {
  613.     border: 1px solid #eee;
  614.     padding: 10px 20px;
  615.     margin-bottom: 10px;
  616. }
  617.  
  618. #bbpress-forums fieldset.bbp-form legend {
  619.     padding: 5px;
  620. }
  621.  
  622. #bbpress-forums fieldset.bbp-form label {
  623.     margin: 0;
  624.     display: inline-block;
  625. }
  626.  
  627. #bbp-edit-topic-tag.bbp-form fieldset.bbp-form label,
  628. #bbp-login fieldset label,
  629. #bbp-register fieldset label,
  630. #bbp-lost-pass fieldset label {
  631.     width: 100px;
  632. }
  633.  
  634. #bbpress-forums fieldset.bbp-form p,
  635. #bbpress-forums fieldset.bbp-form textarea,
  636. #bbpress-forums fieldset.bbp-form select,
  637. #bbpress-forums fieldset.bbp-form input {
  638.     margin: 0 0 8px;
  639. }
  640.  
  641. textarea#bbp_reply_content,
  642. textarea#bbp_topic_content,
  643. textarea#bbp_forum_content {
  644.     width: 97%;
  645.     box-sizing: border-box;
  646. }
  647.  
  648. textarea#bbp_forum_content {
  649.     height: 210px;
  650. }
  651.  
  652. #bbpress-forums fieldset.bbp-forum-form-attributes {
  653.     width: 200px;
  654.     float: right;
  655.     clear: none;
  656.     margin-left: 25px;
  657. }
  658.  
  659. /**
  660.  * Fix for too-long forum names, usually from conversion
  661.  */
  662. #bbpress-forums fieldset select#bbp_forum_id {
  663.     max-width: 200px;
  664. }
  665.  
  666. .bbp-topic-form,
  667. .bbp-reply-form,
  668. .bbp-topic-tag-form {
  669.     clear: left;
  670. }
  671. body.topic-edit .bbp-topic-form div.avatar img,
  672. body.reply-edit .bbp-reply-form div.avatar img,
  673. body.single-forum .bbp-topic-form div.avatar img,
  674. body.single-reply .bbp-reply-form div.avatar img {
  675.     margin-right: 0;
  676.     padding: 10px;
  677.     border: 1px solid #ddd;
  678.     line-height: 0;
  679.     background-color: #efefef;
  680. }
  681.  
  682. body.page .bbp-reply-form code,
  683. body.page .bbp-topic-form code,
  684. body.single-topic .bbp-reply-form code,
  685. body.single-forum .bbp-topic-form code,
  686. body.topic-edit .bbp-topic-form code,
  687. body.reply-edit .bbp-reply-form code {
  688.     font-size: 10px;
  689.     background-color: #f0fff8;
  690.     border: 1px solid #CEEFE1;
  691.     display: block;
  692.     padding: 8px;
  693.     margin-top: 5px;
  694.     width: 369px;
  695. }
  696.  
  697. #merge_tag,
  698. #delete_tag {
  699.     display: inline;
  700. }
  701.  
  702. div.bbp-submit-wrapper {
  703.     margin-top: 15px;
  704.     float: right;
  705.     clear: both;
  706. }
  707.  
  708. p.form-allowed-tags {
  709.     max-width: 100%;
  710. }
  711.  
  712. /* =TinyMCE in themes
  713. -------------------------------------------------------------- */
  714. #bbpress-forums div.bbp-the-content-wrapper {
  715.     margin-bottom: 10px;
  716. }
  717.  
  718. #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  719.     width: 100%;
  720.     margin: 0;
  721.     font-size: 12px;
  722. }
  723.  
  724. #bbpress-forums div.bbp-the-content-wrapper table,
  725. #bbpress-forums div.bbp-the-content-wrapper tbody,
  726. #bbpress-forums div.bbp-the-content-wrapper tr,
  727. #bbpress-forums div.bbp-the-content-wrapper td {
  728.     border: none;
  729.     padding: 0;
  730.     margin: 0;
  731.     width: auto;
  732.     line-height: 1em;
  733. }
  734.  
  735. #bbpress-forums div.bbp-the-content-wrapper input {
  736.     font-size: 12px;
  737.     padding: 5px;
  738.     margin: 0 2px 0 0;
  739.     line-height: 1em;
  740. }
  741.  
  742. #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar {
  743.     padding: 5px;
  744.     min-height: 26px;
  745. }
  746. #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
  747.     padding: 4px 4px 8px;
  748. }
  749.  
  750. #bbpress-forums div.wp-editor-container {
  751.     margin: 0;
  752.     padding: 0;
  753.     line-height: 0;
  754. }
  755.  
  756. #bbpress-forums div.bbp-the-content-wrapper td.mceStatusbar {
  757.     line-height: 16px;
  758. }
  759.  
  760. /* =Edit User
  761. -------------------------------------------------------------- */
  762.  
  763. #bbpress-forums #bbp-your-profile fieldset {
  764.     padding: 20px 20px 0 20px;
  765. }
  766.     #bbpress-forums #bbp-your-profile fieldset div {
  767.         margin-bottom: 20px;
  768.         float: left;
  769.         width: 100%;
  770.         clear: left;
  771.     }
  772.     #bbpress-forums #bbp-your-profile fieldset select {
  773.         margin-bottom: 0;
  774.     }
  775.     #bbpress-forums #bbp-your-profile fieldset input,
  776.     #bbpress-forums #bbp-your-profile fieldset textarea {
  777.         margin-bottom: 0;
  778.         width: 60%;
  779.         background: #f9f9f9;
  780.         border: 1px solid #ddd;
  781.         box-shadow: none;
  782.         padding: 5px 8px;
  783.         border-radius: 0;
  784.     }
  785.     #bbpress-forums #bbp-your-profile fieldset input:focus,
  786.     #bbpress-forums #bbp-your-profile fieldset textarea:focus {
  787.         border: 1px solid #ccc;
  788.         box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
  789.         outline-color: rgba(240,255,240,0.1);
  790.     }
  791.     #bbpress-forums #bbp-your-profile fieldset.bbp-form input.checkbox {
  792.         width: auto;
  793.     }
  794.     #bbpress-forums #bbp-your-profile fieldset legend {
  795.         display: none;
  796.     }
  797.     #bbpress-forums #bbp-your-profile fieldset label[for] {
  798.         float: left;
  799.         width: 20%;
  800.         padding: 5px 20px 5px 0;
  801.         text-align: right;
  802.         cursor: pointer;
  803.     }
  804.     #bbpress-forums #bbp-your-profile fieldset dl label[for] {
  805.         text-align: left;
  806.         width: 60%;
  807.     }
  808.     #bbpress-forums #bbp-your-profile fieldset span.description {
  809.         margin: 5px 0 0 20%;
  810.         font-size: 12px;
  811.         font-style: italic;
  812.         float: left;
  813.         clear: left;
  814.         width: 60%;
  815.         padding: 5px 8px;
  816.         border: #cee1ef 1px solid;
  817.         background-color: #f0f8ff;
  818.     }
  819.  
  820.     #bbpress-forums #bbp-your-profile fieldset fieldset {
  821.         margin: 0;
  822.         border: none;
  823.         padding: 0;
  824.         clear: none;
  825.         float: none;
  826.     }
  827.     #bbpress-forums #bbp-your-profile fieldset fieldset.password {
  828.         width: 60%;
  829.         display: inline;
  830.     }
  831.     #bbpress-forums #bbp-your-profile fieldset fieldset.password input,
  832.     #bbpress-forums #bbp-your-profile fieldset fieldset.password span {
  833.         width: 100%;
  834.     }
  835.     #bbpress-forums #bbp-your-profile fieldset fieldset.capabilities dl {
  836.         margin: 0;
  837.     }
  838.     #bbpress-forums #bbp-your-profile fieldset fieldset.password span.description {
  839.         margin-left: 0;
  840.         margin-bottom: 20px;
  841.     }
  842.  
  843.     #bbpress-forums #bbp-your-profile fieldset.submit button {
  844.         float: right;
  845.     }
  846.  
  847. /* =Notices
  848. -------------------------------------------------------------- */
  849.  
  850. div.bbp-template-notice,
  851. div.indicator-hint {
  852.     border-width: 1px;
  853.     border-style: solid;
  854.     padding: 0 0.6em;
  855.     margin: 5px 0 15px;
  856.     border-radius: 3px;
  857.     background-color: #ffffe0;
  858.     border-color: #e6db55;
  859.     color: #000;
  860.     clear: both;
  861. }
  862. div.bbp-template-notice a {
  863.     color: #555;
  864.     text-decoration: none;
  865. }
  866.     div.bbp-template-notice a:hover {
  867.         color: #000;
  868.     }
  869.     div.bbp-template-notice.info {
  870.         border: #cee1ef 1px solid;
  871.         background-color: #f0f8ff;
  872.     }
  873.     div.bbp-template-notice.important {
  874.         border: #e6db55 1px solid;
  875.         background-color: #fffbcc;
  876.     }
  877.     div.bbp-template-notice.error,
  878.     div.bbp-template-notice.warning {
  879.         background-color: #ffebe8;
  880.         border-color: #c00;
  881.     }
  882.     div.bbp-template-notice.error a,
  883.     div.bbp-template-notice.warning a {
  884.         color: #c00;
  885.     }
  886.     div.bbp-template-notice p {
  887.         margin: 0.5em 0 6px 0 !important;
  888.         padding: 2px;
  889.         font-size: 12px;
  890.         line-height: 140%;
  891.     }
  892.  
  893. /* =Stickies
  894. -------------------------------------------------------------- */
  895.  
  896. .bbp-topics-front ul.super-sticky,
  897. .bbp-topics ul.super-sticky,
  898. .bbp-topics ul.sticky,
  899. .bbp-forum-content ul.sticky {
  900.     background-color: #ffffe0 !important;
  901.     font-size: 1.1em;
  902. }
  903.  
  904. /* =Revisions
  905. -------------------------------------------------------------- */
  906.  
  907. #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,
  908. #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
  909. #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
  910.     border-top: 1px dotted #ddd;
  911.     width: 100%;
  912.     margin: 0;
  913.     padding: 8px 0 0 0;
  914.     font-size: 11px;
  915.     color: #aaa;
  916. }
  917.  
  918. #bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li,
  919. #bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li,
  920. #bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li {
  921.     list-style-type: none;
  922. }
  923.  
  924. /* =Widgets
  925. -------------------------------------------------------------- */
  926.  
  927. .bbp-login-form fieldset legend {
  928.     display: none;
  929. }
  930.  
  931. .bbp-login-form .bbp-username input,
  932. .bbp-login-form .bbp-email input,
  933. .bbp-login-form .bbp-password input {
  934.     padding: 5px;
  935. }
  936.  
  937. .bbp-login-form label {
  938.     width: 140px;
  939.     display: inline-block;
  940. }
  941.  
  942. #sidebar .bbp-login-form label {
  943.     width: 70px;
  944. }
  945.  
  946. .bbp-login-form .bbp-username,
  947. .bbp-login-form .bbp-email,
  948. .bbp-login-form .bbp-password,
  949. .bbp-login-form .bbp-remember-me,
  950. .bbp-login-form .bbp-submit-wrapper {
  951.     margin-top: 10px;
  952. }
  953.  
  954. .bbp-login-form .bbp-remember-me {
  955.  
  956. }
  957.  
  958. .bbp-login-form .bbp-submit-wrapper {
  959.     text-align: right;
  960. }
  961.  
  962. .bbp-login-form .bbp-login-links {
  963. }
  964.  
  965. .bbp-login-form .bbp-login-links a {
  966.     float: left;
  967.     clear: left;
  968. }
  969.  
  970. .bbp-logged-in img.avatar {
  971.     float: left;
  972.     margin: 0 15px 0 0;
  973. }
  974.  
  975. .bbp-logged-in h4 {
  976.     font-weight: bold;
  977.     font-size: 1.3em;
  978.     clear: none;
  979.     margin-bottom: 10px;
  980. }
  981.  
  982. /* =Avatars
  983. -------------------------------------------------------------- */
  984.  
  985. #bbpress-forums p.bbp-topic-meta img.avatar,
  986. #bbpress-forums ul.bbp-reply-revision-log img.avatar,
  987. #bbpress-forums ul.bbp-topic-revision-log img.avatar,
  988. #bbpress-forums div.bbp-template-notice img.avatar,
  989. #bbpress-forums .widget_display_topics img.avatar,
  990. #bbpress-forums .widget_display_replies img.avatar {
  991.     float: none;
  992.     margin-bottom: -7px;
  993.     border: 3px double #ddd;
  994. }
  995.  
  996. fieldset div.avatar {
  997.     float: right;
  998. }
  999.  
  1000. /* =BuddyPress Activity Streams
  1001. -------------------------------------------------------------- */
  1002.  
  1003. .activity-list li.bbp_topic_create .activity-content .activity-inner,
  1004. .activity-list li.bbp_reply_create .activity-content .activity-inner {
  1005.     border-left: 2px solid #eaeaea;
  1006.     margin-left: 5px;
  1007.     padding-left: 10px;
  1008. }
  1009.  
  1010. /* =User Pages
  1011. -------------------------------------------------------------- */
  1012.  
  1013. #bbpress-forums h1 {
  1014.     clear: none;
  1015.     font-size: 1.8em;
  1016.     line-height: 1em;
  1017.     padding-bottom: 10px;
  1018. }
  1019.  
  1020. #bbpress-forums #bbp-user-wrapper {
  1021.     float: left;
  1022.     width: 100%;
  1023. }
  1024.  
  1025. #bbpress-forums .bbp-user-section {
  1026.     overflow: auto;
  1027. }
  1028.  
  1029. #bbpress-forums #bbp-user-wrapper h2.entry-title {
  1030.     font-size: 1.4em;
  1031.     margin: 0;
  1032.     padding-bottom: 10px;
  1033.     padding-top: 0;
  1034.     clear: none;
  1035. }
  1036.  
  1037. #bbpress-forums #bbp-user-wrapper ul.bbp-lead-topic,
  1038. #bbpress-forums #bbp-user-wrapper ul.bbp-topics,
  1039. #bbpress-forums #bbp-user-wrapper ul.bbp-forums,
  1040. #bbpress-forums #bbp-user-wrapper ul.bbp-replies,
  1041. #bbpress-forums #bbp-user-wrapper fieldset.bbp-form {
  1042.     clear: none;
  1043. }
  1044.  
  1045. #bbpress-forums #bbp-single-user-details {
  1046.     margin: 0;
  1047.     width: 150px;
  1048.     float: left;
  1049.     overflow: hidden;
  1050. }
  1051.  
  1052. #bbpress-forums #bbp-single-user-details #bbp-user-avatar {
  1053.     margin: 0;
  1054.     width: 150px;
  1055. }
  1056.  
  1057. #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
  1058.     border: none;
  1059.     height: 150px;
  1060.     padding: 0;
  1061.     margin: 0 0 20px 0;
  1062.     width: 150px;
  1063. }
  1064.  
  1065. #bbpress-forums #bbp-single-user-details #bbp-user-description {
  1066.     float: none;
  1067.     margin-left: 180px;
  1068. }
  1069.  
  1070. #bbpress-forums #bbp-single-user-details #bbp-user-navigation {
  1071.     float: none;
  1072.     margin: 0;
  1073. }
  1074.  
  1075. #bbpress-forums #bbp-single-user-details #bbp-user-navigation li {
  1076.     margin: 0;
  1077. }
  1078.  
  1079. #bbpress-forums #bbp-single-user-details #bbp-user-navigation a {
  1080.     padding: 5px 8px;
  1081.     display: block;
  1082.     border: 1px solid transparent;
  1083.     text-decoration: none;
  1084. }
  1085.  
  1086. #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
  1087.     background: #eee;
  1088.     opacity: 0.8;
  1089. }
  1090.  
  1091. #bbpress-forums #bbp-user-body {
  1092.     margin-left: 180px;
  1093. }
  1094.  
  1095. body.my-account #bbpress-forums {
  1096.     border-top: none;
  1097.     padding-top: 0;
  1098.     margin-bottom: 0;
  1099. }
  1100.  
  1101. /* =User Capabilities
  1102. -------------------------------------------------------------- */
  1103.  
  1104. #bbpress-forums dl.bbp-user-capabilities {
  1105.     display: inline-block;
  1106.     vertical-align: top;
  1107. }
  1108.  
  1109. #bbpress-forums dl.bbp-user-capabilities dt {
  1110.     margin: 0 0 10px;
  1111.     text-transform: capitalize;
  1112. }
  1113.  
  1114. #bbpress-forums dl.bbp-user-capabilities dd {
  1115.     margin: 0;
  1116.     padding: 0;
  1117. }
  1118.  
  1119. /* =BuddyPress Group Forums
  1120. -------------------------------------------------------------- */
  1121.  
  1122. #bbpress-forums div.row-actions {
  1123.     font-size: 11px;
  1124.     visibility: hidden;
  1125. }
  1126.  
  1127. #bbpress-forums li:hover > div.row-actions {
  1128.     visibility: visible;
  1129. }
  1130.  
  1131. /*--------------------------------------------------------------
  1132.  Media Queries
  1133. --------------------------------------------------------------*/
  1134.  
  1135. /* =Standard Mobile Landscape
  1136. -------------------------------------------------------------- */
  1137. @media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
  1138.     -webkit-text-size-adjust: none;
  1139. }
  1140. @media only screen and (max-width: 480px) {
  1141.     #bbpress-forums div.bbp-topic-tags {
  1142.         clear: left;
  1143.         float: left;
  1144.     }
  1145.     div.bbp-search-form input,
  1146.     div.bbp-search-form button {
  1147.         font-size: 11px;
  1148.         padding: 2px;
  1149.     }
  1150.     li.bbp-forum-info,
  1151.     li.bbp-topic-title {
  1152.         width: 45%;
  1153.     }
  1154.     li.bbp-forum-topic-count,
  1155.     li.bbp-forum-reply-count,
  1156.     li.bbp-topic-voice-count,
  1157.     li.bbp-topic-reply-count {
  1158.         width: 15%;
  1159.     }
  1160.     span.bbp-reply-post-date {
  1161.         float: left;
  1162.     }
  1163.     span.bbp-admin-links {
  1164.         clear: left;
  1165.         float: left;
  1166.     }
  1167.     #bbpress-forums .bbp-forums-list li {
  1168.         display: block;
  1169.         font-size: 11px;
  1170.     }
  1171.     #bbpress-forums .bbp-body div.bbp-reply-author {
  1172.         margin: -15px 10px 10px;
  1173.         min-height: 100px;
  1174.         padding-left: 80px;
  1175.         position: relative;
  1176.         text-align: left;
  1177.         width: 100%;
  1178.     }
  1179.     #bbpress-forums div.bbp-reply-author a.bbp-author-name {
  1180.         clear: none;
  1181.         display: inline-block;
  1182.         margin-left: 0;
  1183.         word-wrap: break-word;
  1184.     }
  1185.     #bbpress-forums div.bbp-reply-author img.avatar {
  1186.         position: absolute;
  1187.         top: 15px;
  1188.         left: 0;
  1189.         width: 60px;
  1190.         height: auto;
  1191.     }
  1192.     #bbpress-forums div.bbp-reply-author .bbp-author-role {
  1193.         font-size: 12px;
  1194.         font-style: normal;
  1195.     }
  1196.     #bbpress-forums .bbp-body div.bbp-reply-content {
  1197.         clear: both;
  1198.         margin: 10px;
  1199.         padding: 0;
  1200.     }
  1201.     #bbpress-forums div.bbp-reply-content p {
  1202.         margin-bottom: 1em;
  1203.     }
  1204.     div.bbp-submit-wrapper {
  1205.         float: left;
  1206.     }
  1207.     #bbpress-forums fieldset.bbp-form {
  1208.         padding: 0 10px 10px;
  1209.     }
  1210.     #bbpress-forums #bbp-user-body {
  1211.         clear: both;
  1212.         margin-left: 0;
  1213.         word-wrap: break-word;
  1214.     }
  1215. }
  1216.  
  1217. /* =Standard Mobile Portrait
  1218. -------------------------------------------------------------- */
  1219. @media only screen and (max-width: 320px) {
  1220.     #bbpress-forums div.bbp-search-form {
  1221.         margin-bottom: 10px;
  1222.     }
  1223.     #bbpress-forums li.bbp-header li.bbp-forum-info,
  1224.     #bbpress-forums li.bbp-body li.bbp-forum-info,
  1225.     #bbpress-forums li.bbp-header li.bbp-topic-title,
  1226.     #bbpress-forums li.bbp-body li.bbp-topic-title {
  1227.         width: 100%;
  1228.     }
  1229.     #bbpress-forums li.bbp-header li.bbp-forum-info,
  1230.     #bbpress-forums li.bbp-header li.bbp-topic-title {
  1231.         text-align: center;
  1232.         text-transform: uppercase;
  1233.     }
  1234.     #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
  1235.     #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
  1236.     #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  1237.     #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  1238.     #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
  1239.     #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
  1240.     #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
  1241.     #bbpress-forums li.bbp-body li.bbp-topic-reply-count {
  1242.         width: 20%;
  1243.     }
  1244.     #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  1245.     #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  1246.     #bbpress-forums li.bbp-header li.bbp-topic-freshness,
  1247.     #bbpress-forums li.bbp-body li.bbp-topic-freshness {
  1248.         width: 58%;
  1249.     }
  1250.     #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  1251.     #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  1252.     #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  1253.     #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
  1254.     #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
  1255.     #bbpress-forums li.bbp-body li.bbp-topic-freshness {
  1256.         margin-top: 7px;
  1257.     }
  1258.     #bbpress-forums li.bbp-header,
  1259.     #bbpress-forums li.bbp-footer {
  1260.         font-size: 10px;
  1261.     }
  1262.     #bbpress-forums li.bbp-header div.bbp-reply-author {
  1263.         text-align: left;
  1264.         width: 25%;
  1265.     }
  1266.     #bbpress-forums li.bbp-header div.bbp-reply-content {
  1267.         margin-left: 25%;
  1268.     }
  1269.     #bbpress-forums div.bbp-template-notice img.avatar,
  1270.     #bbpress-forums p.bbp-topic-meta img.avatar {
  1271.         width: 14px;
  1272.         height: auto;
  1273.     }
  1274.     #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar {
  1275.         padding: 1px;
  1276.     }
  1277.     #bbpress-forums div.bbp-the-content-wrapper td.mceToolbar td {
  1278.         width: 20px;
  1279.         height: 20px;
  1280.     }
  1281.     #bbpress-forums div.wp-editor-container {
  1282.         width: 100%;
  1283.         overflow: auto;
  1284.     }
  1285.     #bbpress-forums input#bbp_topic_title,
  1286.     #bbpress-forums input#bbp_topic_tags {
  1287.         width: 95%;
  1288.     }
  1289. }
  1290.  
  1291. /* =Extra Small Mobile
  1292. -------------------------------------------------------------- */
  1293. @media only screen and (max-width: 240px) {
  1294.     #bbpress-forums li.bbp-header li.bbp-forum-topic-count,
  1295.     #bbpress-forums li.bbp-header li.bbp-forum-reply-count,
  1296.     #bbpress-forums li.bbp-body li.bbp-forum-topic-count,
  1297.     #bbpress-forums li.bbp-body li.bbp-forum-reply-count,
  1298.     #bbpress-forums li.bbp-header li.bbp-topic-voice-count,
  1299.     #bbpress-forums li.bbp-header li.bbp-topic-reply-count,
  1300.     #bbpress-forums li.bbp-body li.bbp-topic-voice-count,
  1301.     #bbpress-forums li.bbp-body li.bbp-topic-reply-count,
  1302.     #bbpress-forums li.bbp-footer div.bbp-reply-author,
  1303.     #bbpress-forums li.bbp-footer div.bbp-reply-content {
  1304.         width: 45%;
  1305.     }
  1306.     #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  1307.     #bbpress-forums li.bbp-body li.bbp-forum-freshness,
  1308.     #bbpress-forums li.bbp-header li.bbp-topic-freshness,
  1309.     #bbpress-forums li.bbp-body li.bbp-topic-freshness,
  1310.     #bbpress-forums li.bbp-header div.bbp-reply-author,
  1311.     #bbpress-forums li.bbp-header div.bbp-reply-content {
  1312.         clear: both;
  1313.         width: 100%;
  1314.     }
  1315.     #bbpress-forums li.bbp-header li.bbp-forum-freshness,
  1316.     #bbpress-forums li.bbp-header li.bbp-topic-freshness {
  1317.         text-align: center;
  1318.     }
  1319.     #bbpress-forums li.bbp-body li.bbp-topic-freshness,
  1320.     #bbpress-forums li.bbp-header div.bbp-reply-content {
  1321.         margin-left: 0;
  1322.         text-align: left;
  1323.     }
  1324.     #bbpress-forums li.bbp-body li.bbp-topic-freshness p.bbp-topic-meta {
  1325.         display: inline-block;
  1326.     }
  1327.     #bbpress-forums li.bbp-header {
  1328.         overflow: hidden;
  1329.     }
  1330.     #bbpress-forums li.bbp-footer div.bbp-reply-content {
  1331.         display: inline-block;
  1332.         margin-left: 0;
  1333.     }
  1334.     #bbpress-forums li.bbp-body div.bbp-reply-author {
  1335.         min-height: 60px;
  1336.         padding-left: 60px;
  1337.     }
  1338.     #bbpress-forums div.bbp-reply-author img.avatar {
  1339.         width: 40px;
  1340.         height: auto;
  1341.     }
  1342. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!