API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 23rd, 2015
88
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.08 KB | None | 0 0
raw download clone embed print report
  1. .discussionList
  2. {
  3. position: relative;
  4. zoom: 1;
  5. }
  6.  
  7. .discussionList .sectionHeaders + .textHeading
  8. {
  9. margin-top: 0;
  10. margin-bottom: 0;
  11. padding-top: 5px;
  12. padding-bottom: 5px;
  13. border-top: 1px solid @innerTopBorder;
  14. }
  15.  
  16. /** column style and width **/
  17.  
  18. .discussionListItem
  19. {
  20. display: table;
  21. table-layout: fixed;
  22. width: 100%;
  23. word-wrap: normal;
  24. @property "DiscussionListItem";
  25. padding: 0;
  26. border-top: 1px solid @innerTopBorder;
  27. border-bottom: 1px solid @innerBottomBorder;
  28. @property "/DiscussionListItem";
  29. }
  30.  
  31. .discussionList:last-child .discussionListItem:last-child
  32. {
  33. @property "DiscussionListItemLast";
  34. border-bottom-width: 0;
  35. @property "/DiscussionListItemLast";
  36. }
  37.  
  38. .discussionList .sectionHeaders
  39. {
  40. display: table;
  41. table-layout: fixed;
  42. width: 100%;
  43. word-wrap: normal;
  44. @property "DiscussionListHeaders";
  45. padding: 0;
  46. border-bottom: 1px solid @innerBottomBorder;
  47. @property "/DiscussionListHeaders";
  48. }
  49.  
  50. .discussionList .sectionHeaders dt,
  51. .discussionList .sectionHeaders dd,
  52. .discussionListItem .listBlock
  53. {
  54. display: table-cell;
  55. vertical-align: middle;
  56. }
  57.  
  58. .discussionList .posterAvatar
  59. {
  60. width: @discussionListAvatarWidth;
  61. }
  62.  
  63. .discussionList .main
  64. {
  65. width: auto;
  66. }
  67.  
  68. .discussionList .sectionHeaders .main .postDate
  69. {
  70. text-align: right;
  71. }
  72.  
  73. .discussionList .stats
  74. {
  75. width: @discussionListStatsWidth;
  76. }
  77.  
  78. .discussionList .sectionHeaders .stats .minor
  79. {
  80. text-align: right;
  81. }
  82.  
  83. .discussionList .lastPost
  84. {
  85. width: @discussionListLastPostWidth;
  86. text-align: right;
  87. overflow: hidden;
  88. }
  89.  
  90. .discussionList .statsLastPost /* combined last two columns */
  91. {
  92. width: {xen:calc '@discussionListStatsWidth + @discussionListLastPostWidth'}px;
  93. }
  94.  
  95. .discussionListItems > .primaryContent,
  96. .discussionList > .primaryContent
  97. {
  98. @property "css3ClearBlock";
  99. background: transparent none;
  100. padding: 0;
  101. margin: 0;
  102. border-width: 0;
  103. border-radius: 0;
  104. box-shadow: none !important;
  105. @property "/css3ClearBlock";
  106. @property "DiscussionListItem";
  107. padding: 0;
  108. border-top: 1px solid @innerTopBorder;
  109. border-bottom: 1px solid @innerBottomBorder;
  110. @property "/DiscussionListItem";
  111. padding: 10px;
  112. text-align: center;
  113. }
  114.  
  115. .discussionListItems > .primaryContent
  116. {
  117. @property "DiscussionListItemLast";
  118. border-bottom-width: 0;
  119. @property "/DiscussionListItemLast";
  120. }
  121.  
  122. .discussionList > .sectionHeaders + .primaryContent
  123. {
  124. padding: 9px;
  125. }
  126.  
  127. /* column headers */
  128.  
  129. .discussionList .sectionHeaders
  130. {
  131. @property "subHeading";
  132. font-size: 11px;
  133. color: @primaryMedium;
  134. padding: 5px 10px;
  135. margin: 3px auto 0;
  136. @property "/subHeading";
  137.  
  138. padding: 0;
  139. }
  140.  
  141. .discussionList .sectionHeaders dt span
  142. {
  143. display: none !important;
  144. }
  145.  
  146. .discussionList .sectionHeaders a
  147. {
  148. display: block;
  149. color: @subHeading.color;
  150. outline: none;
  151. }
  152.  
  153. .discussionList .sectionHeaders a:hover
  154. {
  155. text-decoration: none;
  156. }
  157.  
  158. .discussionList .sectionHeaders dd a[href]:hover
  159. {
  160. @property "subHeadingHover";
  161. color: @activeColor;
  162. text-decoration: none;
  163. background-color: @secondaryMedium;
  164. background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
  165. background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
  166. @property "/subHeadingHover";
  167. }
  168.  
  169. .discussionList .sectionHeaders .main a,
  170. .discussionList .sectionHeaders .stats a
  171. {
  172. float: left;
  173. width: 50%;
  174. white-space: nowrap;
  175. }
  176.  
  177. .discussionList .sectionHeaders a span
  178. {
  179. padding: 4px 9px;
  180. border: transparent 1px solid;
  181. display: block;
  182. position: relative;
  183. }
  184.  
  185. .discussionList .sectionHeaders a span:after
  186. {
  187. content: '';
  188. display: block;
  189. position: absolute;
  190. top: 0;
  191. bottom: 0;
  192. left: 0;
  193. right: 0;
  194. border: transparent 1px solid;
  195. pointer-events: none;
  196. }
  197.  
  198. .discussionList .sectionHeaders a[href]:hover span
  199. {
  200. @property "cssSmallBlockInner";
  201. background-color: @contentBackground;
  202. border: 1px solid @innerBottomBorder;
  203. border-right-color: @innerTopBorder;
  204. border-bottom-color: @innerTopBorder;
  205. @property "/cssSmallBlockInner";
  206. background: transparent none;
  207. }
  208.  
  209. .discussionList .sectionHeaders a[href]:hover span:after
  210. {
  211. @property "css3SmallBlock";
  212. background-color: @contentBackground;
  213. border: 1px solid @innerTopBorder;
  214. border-right-color: @innerBottomBorder;
  215. border-bottom-color: @innerBottomBorder;
  216. @property "/css3SmallBlock";
  217. background: transparent none;
  218. }
  219.  
  220. /** IE <8 **/
  221. .discussionList .sectionHeaders,
  222. .discussionListItem { *display: block; _vertical-align: bottom; }
  223. .discussionList .sectionHeaders dt,
  224. .discussionList .sectionHeaders dd,
  225. .discussionListItem .listBlock { *display: block; *float: left; }
  226. .discussionListItem .listBlock { _height: 52px; *min-height: 52px; } /* todo: should be calculation */
  227. .discussionList .posterAvatar { *width: 6.98%; }
  228. .discussionListItem .posterAvatar { *font-size: 0; }
  229. .discussionList .main { *width: 56.98%; }
  230. .discussionList .stats { *width: 15.97%; }
  231. .discussionList .lastPost { *width: 19.97%; }
  232. .discussionList .statsLastPost { *width: 35.97%; }
  233. .discussionList .sectionHeaders dt,
  234. .discussionList .sectionHeaders dd { *padding: 5px 0; }
  235. .discussionList .sectionHeaders a,
  236. .discussionList .sectionHeaders a span { *display: inline !important; *float: none !important; }
  237.  
  238. /* items in thread list */
  239.  
  240. .discussionListItems
  241. {
  242. }
  243.  
  244.  
  245.  
  246.  
  247. /* individual thread list item */
  248.  
  249. /** main **/
  250.  
  251. .discussionListItem
  252. {
  253. @property "primaryContent.background";
  254.  
  255. @property "/primaryContent.background";
  256.  
  257. @property "primaryContent.border";
  258.  
  259. @property "/primaryContent.border";
  260. }
  261.  
  262.  
  263.  
  264.  
  265.  
  266. /* sections, section widths */
  267.  
  268. .discussionListItem .posterAvatar,
  269. .discussionListItem .stats
  270. {
  271. @property "secondaryContent.background";
  272.  
  273. @property "/secondaryContent.background";
  274. }
  275.  
  276. .discussionListItem .main,
  277. .discussionListItem .lastPost
  278. {
  279. }
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287.  
  288. /* avatar section */
  289.  
  290. .discussionListItem .posterAvatar .avatarContainer
  291. {
  292. display: block;
  293. position: relative;
  294. }
  295.  
  296. .discussionListItem .posterAvatar .avatar
  297. {
  298. @property "discussionListAvatar";
  299. padding: 5px;
  300. display: block;
  301. width: 36px;
  302. height: 36px;
  303. @property "/discussionListAvatar";
  304.  
  305. width: auto;
  306. height: auto;
  307. }
  308.  
  309. .discussionListItem .posterAvatar .avatar img
  310. {
  311. width: @discussionListAvatar.width;
  312. height: @discussionListAvatar.height;
  313. display: block;
  314. }
  315.  
  316. .discussionListItem .posterAvatar .miniMe
  317. {
  318. @property "discussionListMiniMe";
  319. padding: 0;
  320. position: absolute;
  321. bottom: 1px;
  322. left: 29px;
  323. z-index: 10;
  324. @property "/discussionListMiniMe";
  325. }
  326.  
  327. .discussionListItem .posterAvatar .miniMe img
  328. {
  329. @property "discussionListMiniMeImg";
  330. padding: 1px;
  331. border: 1px none black;
  332. border-radius: 2px;
  333. box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);
  334. width: 20px;
  335. height: 20px;
  336. @property "/discussionListMiniMeImg";
  337. }
  338.  
  339.  
  340. /* title, poster section */
  341.  
  342. .discussionListItem .titleText
  343. {
  344. padding: 5px;
  345. overflow: hidden; zoom: 1;
  346. position: relative;
  347. }
  348.  
  349. /* unread indicator */
  350.  
  351. .LoggedIn .discussionListItem .titleText
  352. {
  353. padding-left: 20px;
  354. }
  355.  
  356. .LoggedIn .discussionListItem .unreadLink,
  357. .LoggedIn .discussionListItem .ReadToggle
  358. {
  359. display: block;
  360. width: 10px;
  361. height: 10px;
  362.  
  363. position: absolute;
  364. left: 5px;
  365. top: 10px;
  366.  
  367. background: url('@imagePath/xenforo/xenforo-ui-sprite-editable.png') no-repeat 10000px 0;
  368.  
  369. white-space: nowrap;
  370. overflow: hidden;
  371. text-indent: 9999px;
  372. }
  373.  
  374. @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)
  375. {
  376. .LoggedIn .discussionListItem .unreadLink,
  377. .LoggedIn .discussionListItem .ReadToggle
  378. {
  379. background-image: url('@imagePath/xenforo/xenforo-ui-sprite-editable-big.png');
  380. background-size: 200px 80px;
  381. }
  382. }
  383.  
  384. .LoggedIn .discussionListItem .unreadLink,
  385. .LoggedIn .discussionListItem.unread .ReadToggle
  386. {
  387. background-position: -5px -42px;
  388. }
  389.  
  390. .LoggedIn .discussionListItem .ReadToggle:hover
  391. {
  392. background-position: -25px -42px;
  393. }
  394.  
  395. /* first row */
  396.  
  397. .discussionListItem .title
  398. {
  399. @property "discussionListFirstRow";
  400. font-size: 11pt;
  401. line-height: 18px;
  402. @property "/discussionListFirstRow";
  403. max-width: 100%;
  404. word-wrap: break-word;
  405. }
  406.  
  407. .discussionListItems .unread .title a
  408. {
  409. @property "discussionListTitleUnread";
  410. font-weight: bold;
  411. /*padding-right: 18px;
  412. background: transparent url('@imagePath/xenforo/widgets/discussion-new.png') no-repeat right center;*/
  413. @property "/discussionListTitleUnread";
  414. }
  415.  
  416.  
  417. .discussionListItem .iconKey span
  418. {
  419. @property "dicussionListIcon";
  420. margin-left: 5px;
  421. text-indent: -10000em;
  422. float: right;
  423. background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0;
  424. width: 16px;
  425. height: 16px;
  426. @property "/dicussionListIcon";
  427. }
  428.  
  429. .discussionListItem .iconKey .sticky { background-position: 0px -16px; }
  430. .discussionListItem .iconKey .starred { background-position: -90px -32px; width: 18px; height: 18px; }
  431. .discussionListItem .iconKey .watched { background-position: -144px -16px; width: 16px; height: 16px; }
  432. .discussionListItem .iconKey .locked { background-position: -16px -16px; }
  433. .discussionListItem .iconKey .moderated { background-position: -32px -16px; }
  434. .discussionListItem .iconKey .redirect { background-position: -48px -16px; }
  435. .discussionListItem .iconKey .new { background-position: -64px -16px; }
  436.  
  437. /* second row */
  438.  
  439. .discussionListItem .secondRow
  440. {
  441. @property "discussionListSecondRow";
  442. font-size: 11px;
  443. @property "/discussionListSecondRow";
  444. clear: both;
  445. }
  446.  
  447. .discussionListItem .secondRow .controls
  448. {
  449. float: right;
  450. padding-left: 20px;
  451. }
  452.  
  453. .discussionListItem.AjaxProgress .controls
  454. {
  455. background: transparent url('@imagePath/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat left center;
  456. }
  457.  
  458. .discussionListItem .posterDate
  459. {
  460. float: left;
  461. }
  462.  
  463.  
  464.  
  465. /* stats section */
  466.  
  467. .discussionListItem .stats dl
  468. {
  469. @property "discussionListItemStatsBorders";
  470. padding: 0 10px;
  471. border-right: 1px solid @innerTopBorder;
  472. border-left: 1px solid @innerBottomBorder;
  473. @property "/discussionListItemStatsBorders";
  474. position: relative;
  475. }
  476.  
  477. .discussionListItem .stats dl:before,
  478. .discussionListItem .stats dl:after
  479. {
  480. content: '';
  481. display: block;
  482. position: absolute;
  483. top: 0;
  484. bottom: 0;
  485. width: 0;
  486. }
  487.  
  488. .discussionListItem .stats dl:before
  489. {
  490. left: 0;
  491. border-left: 1px solid @discussionListItemStatsBorders.border-right-color;
  492. }
  493.  
  494. .discussionListItem .stats dl:after
  495. {
  496. right: 0;
  497. border-right: 1px solid @discussionListItemStatsBorders.border-left-color;
  498. }
  499.  
  500. .discussionListItem .stats .major
  501. {
  502. @property "discussionListFirstRow";
  503. font-size: 11pt;
  504. line-height: 18px;
  505. @property "/discussionListFirstRow";
  506.  
  507. margin-top: 5px;
  508. }
  509.  
  510. .discussionListItem .stats .minor
  511. {
  512. @property "discussionListSecondRow";
  513. font-size: 11px;
  514. @property "/discussionListSecondRow";
  515.  
  516. margin-bottom: 5px;
  517. }
  518.  
  519. /* last post section */
  520.  
  521. .discussionListItem .lastPostInfo
  522. {
  523. padding: 5px;
  524. }
  525.  
  526. .discussionListItem .lastPostInfo .username
  527. {
  528. @property "discussionListFirstRow";
  529. font-size: 11pt;
  530. line-height: 18px;
  531. @property "/discussionListFirstRow";
  532. }
  533.  
  534.  
  535. .discussionListItems .unread .lastPostInfo .username
  536. {
  537. @property "discussionListTitleUnread";
  538. font-weight: bold;
  539. /*padding-right: 18px;
  540. background: transparent url('@imagePath/xenforo/widgets/discussion-new.png') no-repeat right center;*/
  541. @property "/discussionListTitleUnread";
  542. }
  543.  
  544. .discussionListItem .lastPostInfo .dateTime
  545. {
  546. @property "discussionListSecondRow";
  547. font-size: 11px;
  548. @property "/discussionListSecondRow";
  549. }
  550.  
  551.  
  552. /* extra note row */
  553.  
  554. .discussionListItem .noteRow
  555. {
  556. @property "primaryContent.background";
  557.  
  558. @property "/primaryContent.background";
  559. padding: 5px;
  560. text-align: center;
  561. font-size: 11px;
  562. color: @primaryMedium;
  563. }
  564.  
  565. .discussionListItem .noteRow.secondary
  566. {
  567. @property "secondaryContent.background";
  568.  
  569. @property "/secondaryContent.background";
  570. }
  571.  
  572.  
  573.  
  574.  
  575. /* deleted item */
  576.  
  577. .discussionList .discussionListItem.deleted
  578. {
  579. }
  580.  
  581. .discussionList .discussionListItem.deleted .avatar img
  582. {
  583. opacity: 0.5;
  584. filter: alpha(opacity='50');
  585. }
  586.  
  587. .discussionList .discussionListItem.deleted .deletionNote
  588. {
  589. float: left;
  590. color: @alertBalloonColor;
  591. }
  592.  
  593. /* moderated item */
  594.  
  595. .discussionList .discussionListItem.moderated .listBlock
  596. {
  597. @property "primaryContent.background";
  598.  
  599. @property "/primaryContent.background";
  600. }
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607.  
  608. /* inline mod selected/checked classes */
  609.  
  610. .discussionListItem.InlineModChecked,
  611. .discussionListItem.InlineModChecked .posterAvatar,
  612. .discussionListItem.InlineModChecked .main,
  613. .discussionListItem.InlineModChecked .stats,
  614. .discussionListItem.InlineModChecked .lastPost,
  615. .discussionListItem.deleted.InlineModChecked,
  616. .discussionListItem.moderated.InlineModChecked
  617. {
  618. @property "inlineModChecked";
  619. background-color: @inlineMod;
  620. border-color: @inlineMod;
  621. @property "/inlineModChecked";
  622. }
  623.  
  624. .discussionListItem.InlineModChecked
  625. {
  626. border-top-color: rgba(255, 255, 255, 0.05);
  627. border-bottom-color: rgba(0, 0, 0, 0.5);
  628. }
  629.  
  630. .discussionListItem.InlineModChecked .stats dl:before,
  631. .discussionListItem .stats dl
  632. {
  633. border-color: rgba(255, 255, 255, 0.05);
  634. }
  635.  
  636. .discussionListItem.InlineModChecked .stats dl:after
  637. {
  638. border-color: rgba(0, 0, 0, 0.3);
  639. }
  640.  
  641. .discussionListItem .stats dl
  642. {
  643. border-left-color: rgba(0, 0, 0, 0.3);
  644. }
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661. /** bottom summary **/
  662.  
  663. .discussionList .sectionFooter
  664. {
  665. overflow: hidden; zoom: 1;
  666. border-bottom-width: 0;
  667. }
  668.  
  669. .discussionList .sectionFooter .contentSummary
  670. {
  671. float: left;
  672. display: block;
  673. }
  674.  
  675.  
  676. /** thread list options **/
  677.  
  678. .DiscussionListOptions
  679. {
  680. @property "css3ClearBlock";
  681. background: transparent none;
  682. padding: 0;
  683. margin: 0;
  684. border-width: 0;
  685. border-radius: 0;
  686. box-shadow: none !important;
  687. @property "/css3ClearBlock";
  688. @property "discussionListOptions";
  689. margin: 4px auto;
  690. line-height: 20px;
  691. overflow: hidden;
  692. zoom: 1;
  693. @property "/discussionListOptions";
  694. }
  695.  
  696. .hasJs .DiscussionListOptions
  697. {
  698. display: none;
  699. }
  700.  
  701. .DiscussionListOptions dl,
  702. .DiscussionListOptions .controlGroup
  703. {
  704. float: left;
  705. margin-right: 10px;
  706.  
  707. overflow: hidden; zoom: 1;
  708. }
  709.  
  710. .DiscussionListOptions dt
  711. {
  712. float: left;
  713. }
  714.  
  715. .DiscussionListOptions dd
  716. {
  717. margin-left: 120px;
  718. }
  719.  
  720. .DiscussionListOptions .buttonGroup
  721. {
  722. float: right;
  723. }
  724.  
  725. .DiscussionListOptions .buttonGroup input
  726. {
  727. min-width: 75px;
  728. }
  729.  
  730. #DiscussionListOptionsHandle
  731. {
  732. @property "discussionListOptionsHandle";
  733. position: absolute;
  734. bottom: -17px;
  735. left: 0px;
  736. line-height: 16px;
  737. text-align: center;
  738. z-index: 2;
  739. width: 100%;
  740. @property "/discussionListOptionsHandle";
  741. }
  742.  
  743. #DiscussionListOptionsHandle a
  744. {
  745. @property "discussionListOptionsHandleLink";
  746. font-size: 11px;
  747. color: @primaryMedium;
  748. background-color: @contentBackground;
  749. padding: 0 20px;
  750. margin: 0 auto;
  751. border: 1px solid @contentThickBorder;
  752. border-top: 1px none black;
  753. border-bottom-right-radius: 10px;
  754. border-bottom-left-radius: 10px;
  755. display: inline-block;
  756. outline: 0;
  757. position: relative;
  758. @property "/discussionListOptionsHandleLink";
  759. }
  760.  
  761. #DiscussionListOptionsHandle a:after
  762. {
  763. @property "css3SmallShadow";
  764. background-image: url('@imagePath/xenforo/layout/shadows.png');
  765. background-repeat: no-repeat;
  766. background-position: 50% 0;
  767. background-size: 100% 30px;
  768. content: '';
  769. display: block;
  770. position: absolute;
  771. bottom: -11px;
  772. left: 3px;
  773. right: 3px;
  774. pointer-events: none;
  775. height: 10px;
  776. @property "/css3SmallShadow";
  777. opacity: 0.3;
  778. }
  779.  
  780. .OldIE #DiscussionListOptionsHandle a:after
  781. {
  782. display: none;
  783. }
  784.  
  785. .afterDiscussionListHandle
  786. {
  787. margin-top: 20px;
  788. }
  789.  
  790. /** item page nav **/
  791.  
  792. .discussionListItem .itemPageNav
  793. {
  794. {xen:if '@discussionListPageNavHidden', 'visibility: hidden;'}
  795. }
  796.  
  797. .discussionListItem:hover .itemPageNav,
  798. .Touch .discussionListItem .itemPageNav
  799. {
  800. visibility: visible;
  801. }
  802.  
  803. body .itemPageNav a,
  804. body .itemPageNav span
  805. {
  806. @property "discussionListItemPageNavItem";
  807. font-size: 9px;
  808. padding: 0 3px;
  809. display: inline-block;
  810. text-align: center;
  811. box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
  812. @property "/discussionListItemPageNavItem";
  813. }
  814.  
  815. body .itemPageNav a
  816. {
  817. @property "discussionListItemPageNavLink";
  818. background-color: @primaryMedium;
  819. border: 1px solid @primaryMedium;
  820. color: @activeColor !important;
  821. @property "/discussionListItemPageNavLink";
  822. }
  823.  
  824. body .itemPageNav a:hover
  825. {
  826. @property "discussionListItemPageNavLinkHover";
  827. text-decoration: none;
  828. background-color: @secondaryMedium;
  829. border-color: @secondaryMedium;
  830. color: @activeColor !important;
  831. @property "/discussionListItemPageNavLinkHover";
  832. }
  833.  
  834. /** filters **/
  835.  
  836. .discussionListFilters
  837. {
  838. @property "css3ClearBlock";
  839. background: transparent none;
  840. padding: 0;
  841. margin: 0;
  842. border-width: 0;
  843. border-radius: 0;
  844. box-shadow: none !important;
  845. @property "/css3ClearBlock";
  846. padding: 5px 0;
  847. font-size: 11px;
  848. overflow: hidden; zoom: 1;
  849. }
  850.  
  851. .discussionListFilters .filtersHeading
  852. {
  853. float: left;
  854. margin-right: 5px;
  855. color: @primaryLighter;
  856. font-weight: bold;
  857. }
  858.  
  859. .discussionListFilters .removeFilter,
  860. .discussionListFilters .removeAllFilters
  861. {
  862. color: @activeColor;
  863. background: @secondaryMedium;
  864. border: 1px solid @secondaryMedium;
  865. padding: 2px 10px;
  866. background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 100%), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.0) 100%);
  867. background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.1) 100%), linear-gradient(to right, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.0) 100%);
  868. }
  869.  
  870. .discussionListFilters .gadget
  871. {
  872. color: @activeColor;
  873. font-weight: bold;
  874. margin-left: 3px;
  875. }
  876.  
  877.  
  878. .discussionListFilters .removeFilter:hover,
  879. .discussionListFilters .removeAllFilters:hover
  880. {
  881. color: @activeColor;
  882. text-decoration: none;
  883. background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  884. background-image: linear-gradient(to top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  885. }
  886.  
  887. .discussionListFilters .pairsInline dt
  888. {
  889. display: none;
  890. }
  891.  
  892. .discussionListFilters .filterPairs
  893. {
  894. float: left;
  895. }
  896.  
  897. .discussionListFilters .removeAll
  898. {
  899. float: right;
  900. }
  901.  
  902. .discussionListFilters .removeAllFilters
  903. {
  904. padding: 2px 6px;
  905. }
  906.  
  907. /* grid */
  908. .nodeList .subForumsGrid
  909. {
  910. margin-top: -1px;
  911. padding: 0;
  912. border-bottom: 1px solid @innerBottomBorder;
  913. }
  914.  
  915. .nodeList .subForumsGrid .blockLinksGrid
  916. {
  917. @property "css3ClearBlock";
  918. background: transparent none;
  919. padding: 0;
  920. margin: 0;
  921. border-width: 0;
  922. border-radius: 0;
  923. box-shadow: none !important;
  924. @property "/css3ClearBlock";
  925. }
  926.  
  927. <xen:if is="@enableResponsive">
  928. @media (max-width:@maxResponsiveMediumWidth)
  929. {
  930. .Responsive .discussionList .sectionHeaders .stats
  931. {
  932. display: none;
  933. }
  934.  
  935. .Responsive .discussionList .sectionHeaders .main .title
  936. {
  937. float: none;
  938. width: auto;
  939. }
  940.  
  941. .Responsive .discussionList .sectionHeaders .main .postDate
  942. {
  943. display: none;
  944. }
  945.  
  946. .Responsive .discussionList .statsLastPost
  947. {
  948. display: none;
  949. }
  950.  
  951. .Responsive .discussionListItem .listBlock.main,
  952. .Responsive .discussionListItem .listBlock.stats,
  953. .Responsive .discussionListItem .listBlock.lastPost
  954. {
  955. display: block;
  956. }
  957.  
  958. .Responsive .discussionListItem .listBlock.stats
  959. {
  960. float: left;
  961. width: auto;
  962. margin-top: -5px;
  963. border: none;
  964. background: none;
  965. padding-left: 5px;
  966. }
  967.  
  968. .Responsive.LoggedIn .discussionListItem .listBlock.stats,
  969. .Responsive.LoggedIn .discussionListItem .titleText
  970. {
  971. padding-left: 20px;
  972. }
  973.  
  974. .Responsive .discussionListItem .listBlock.stats dl
  975. {
  976. border: none;
  977. padding: 0;
  978. }
  979.  
  980. .Responsive .discussionListItem .stats dl:before,
  981. .Responsive .discussionListItem .stats dl:after
  982. {
  983. display: none;
  984. }
  985.  
  986. .Responsive .discussionListItem .listBlock.stats dd,
  987. .Responsive .discussionListItem .listBlock.stats dt
  988. {
  989. float: none;
  990. display: inline;
  991. margin-right: 0;
  992. }
  993.  
  994. .Responsive .discussionListItem .listBlock.stats .minor
  995. {
  996. display: none;
  997. }
  998.  
  999. .Responsive .discussionListItem .listBlock.stats .major
  1000. {
  1001. font-size: 11px;
  1002. margin-top: 0;
  1003. }
  1004.  
  1005. .Responsive .discussionListItem .listBlock.lastPost
  1006. {
  1007. float: right;
  1008. width: auto;
  1009. margin-top: -5px;
  1010. }
  1011. .Responsive .discussionListItem .listBlock.lastPost .lastPostInfo
  1012. {
  1013. padding-top: 0;
  1014. padding-bottom: 0;
  1015. }
  1016.  
  1017. .Responsive .discussionListItem .listBlock.lastPost dt
  1018. {
  1019. display: none;
  1020. }
  1021. }
  1022.  
  1023. @media (max-width:@maxResponsiveWideWidth)
  1024. {
  1025. .Responsive .discussionList .sectionHeaders .lastPost,
  1026. .Responsive .discussionList .lastPost
  1027. {
  1028. width: 125px;
  1029. }
  1030. }
  1031.  
  1032. @media (max-width:@maxResponsiveNarrowWidth)
  1033. {
  1034. .Responsive .discussionListItem .secondRow .startDate
  1035. {
  1036. display: none;
  1037. }
  1038. }
  1039. </xen:if>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!