API tools faq
paste
Advertisement
Guest User

Untitled

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