Advertisement
Guest User

CSS > forums > front > forums.css. THEME BLACK!

a guest
Dec 11th, 2019
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.88 KB | None | 0 0
  1. .cForumList .ipsDataItem {
  2. border-bottom-width: 1px;
  3. }
  4.  
  5. .cForumList .ipsDataItem_main {
  6. vertical-align: middle;
  7. }
  8.  
  9. .cForumList .ipsDataItem_title {
  10. font-size: 18px;
  11. }
  12.  
  13. .cForumGrid {
  14. min-height: 230px !important;
  15. margin-bottom: 15px;
  16. position: relative;
  17. padding: 0 0 80px 0 !important;
  18. border: 1px solid rgba(0,0,0,0.1);
  19. }
  20.  
  21. .cForumGrid .cForumGrid_icon {
  22. max-width: 40px;
  23. }
  24.  
  25. .cForumGrid .cForumGrid_info {
  26. position: absolute;
  27. bottom: 15px;
  28. left: 15px;
  29. right: 15px;
  30. }
  31.  
  32. .cForumGrid_unread .cForumGrid_title {
  33. font-weight: bold;
  34. line-height: 1.1;
  35. }
  36.  
  37. .cForumGrid .cForumGrid_forumInfo {
  38. min-height: 70px;
  39. border-bottom: 1px solid rgba(0,0,0,0.05);
  40. }
  41.  
  42. .cForumTopicTable .ipsDataItem_title {
  43. display: inline;
  44. }
  45.  
  46. .cForumTitle {
  47. transition: 0.3s linear all;
  48. }
  49.  
  50. .cForumRow_hidden .cForumTitle {
  51. opacity: 0.5;
  52. }
  53.  
  54. .cForumRow_hidden > .ipsDataList {
  55. display: none !important;
  56. }
  57.  
  58. .cForumToggle {
  59. font-size: 18px;
  60. opacity: 0.2;
  61. transition: 0.3s all linear;
  62. width: 20px;
  63. height: 20px;
  64. }
  65.  
  66. .cForumToggle:hover {
  67. opacity: 1;
  68. }
  69.  
  70. .cForumToggle:after {
  71. content: "\f078";
  72. font-family: "FontAwesome";
  73. font-size: 18px;
  74. }
  75.  
  76. .cForumRow_hidden .cForumToggle:after {
  77. content: "\f053";
  78. }
  79. html[dir="rtl"] .cForumRow_hidden .cForumToggle:after {
  80. content: "\f054";
  81. }
  82.  
  83. html[dir="ltr"] .cTopicList .ipsDataItem_icon {
  84. min-width: 25px;
  85. padding-right: 0;
  86. }
  87. html[dir="rtl"] .cTopicList .ipsDataItem_icon {
  88. min-width: 25px;
  89. padding-left: 0;
  90. }
  91.  
  92. .cTopicList .ipsDataItem_main {
  93. padding: 12px 10px;
  94. }
  95.  
  96. .cTopicHovercard .cTopicHovercard_container {
  97. height: 200px;
  98. overflow: auto;
  99. border-bottom: 0;
  100. }
  101.  
  102. .cTopicHovercard .ipsType_richText {
  103. font-size: 12px;
  104. }
  105.  
  106. .cTopicHovercard hr.ipsHr {
  107. margin: 7px 0;
  108. }
  109.  
  110. /* Q&A RATINGS */
  111. .cForumQuestion_stat > span:first-child {
  112. display: block;
  113. font-size: 22px;
  114. }
  115.  
  116. .cRatingColumn {
  117. width: 65px;
  118. padding: 15px 15px 0 15px !important;
  119. }
  120.  
  121. .cRatingColumn.cRatingColumn_question {
  122. padding-top: 0 !important;
  123. }
  124.  
  125. .cRatingColumn_on {
  126. background: #e4ecdd;
  127. }
  128.  
  129. .cRatingColumn_up {
  130. border-color: #4a7c20;
  131. }
  132.  
  133. .cRatingColumn_down {
  134. border-color: #a52638;
  135. }
  136.  
  137. .cRatingColumn > ul > li {
  138. display: block;
  139. }
  140.  
  141. .cRatingColumn_question {
  142. padding-top: 15px;
  143. }
  144.  
  145. html[dir="ltr"] .cRatingColumn_question + .ipsColumn {
  146. padding-left: 15px;
  147. }
  148. html[dir="rtl"] .cRatingColumn_question + .ipsColumn {
  149. padding-right: 15px;
  150. }
  151.  
  152. .cAnswerRate {
  153. font-size: 60px;
  154. line-height: 10px;
  155. position: relative;
  156. display: block;
  157. overflow: hidden;
  158. }
  159.  
  160. .cAnswerRate.cAnswerRate_up {
  161. margin-bottom: 10px;
  162. }
  163.  
  164. html[dir="ltr"] .cAnswerRate {
  165. left: 1px;
  166. }
  167. html[dir="rtl"] .cAnswerRate {
  168. right: 1px;
  169. }
  170.  
  171. .cAnswerRate:not( .ipsType_positive ):not( .ipsType_negative ),
  172. .cAnswerRate:hover:not( .ipsType_positive ):not( .ipsType_negative ) {
  173. color: {theme="text_color"};
  174. }
  175.  
  176. span.cAnswerRate:not( .ipsType_positive ):not( .ipsType_negative ),
  177. span.cAnswerRate:hover:not( .ipsType_positive ):not( .ipsType_negative ) {
  178. color: {theme="text_light"};
  179. opacity: 0.5;
  180. cursor: not-allowed;
  181. }
  182.  
  183. .cAnswerRate.ipsType_positive:hover {
  184. color: #4a7c20;
  185. }
  186.  
  187. .cAnswerRate.ipsType_negative:hover {
  188. color: #a52638;
  189. }
  190.  
  191. .cAnswerRate > .fa {
  192. line-height: 30px;
  193. }
  194.  
  195. span.cAnswerRate.cAnswerRate_noPermission {
  196. opacity: 0.25 !important;
  197. }
  198.  
  199. .cAnswerRating {
  200. font-size: 26px;
  201. font-weight: 500;
  202. line-height: 30px;
  203. display: block;
  204. margin-top: -8px;
  205. }
  206.  
  207. .cBestAnswerIndicator {
  208. display: inline-block;
  209. color: #fff;
  210. font-size: 22px;
  211. width: 36px;
  212. height: 36px;
  213. text-align: center;
  214. line-height: 36px;
  215. position: relative;
  216. background: #4a7c20;
  217. border-radius: 36px;
  218. margin-bottom: 5px;
  219. }
  220.  
  221. .ipsDataList .cBestAnswerIndicator {
  222. margin-bottom: 0;
  223. }
  224.  
  225. .cBestAnswerIndicator_off {
  226. background: #d4d4d4;
  227. }
  228.  
  229. .cBestAnswerIndicator_off:hover {
  230. background: #c9c9c9;
  231. color: #fff;
  232. }
  233.  
  234. a.cBestAnswerIndicator:not( .cBestAnswerIndicator_off ):hover {
  235. line-height: 34px;
  236. }
  237.  
  238. a.cBestAnswerIndicator:not( .cBestAnswerIndicator_off ):hover i.fa:before {
  239. content: '\f00d';
  240. color: #fff;
  241. }
  242.  
  243. /* POST WRAPPER STYLES */
  244. .cPost {}
  245.  
  246. .cPost.ipsModerated,
  247. .cPost.ipsModerated .cAuthorPane {
  248. background: {theme="moderated"};
  249. }
  250.  
  251. .cPost.ipsComment_selected:not( .ipsComment_moderated ) {
  252. background: {theme="selected"};
  253. }
  254.  
  255. /*.cTopic .cPost.ipsComment:last-of-type {
  256. margin-bottom: 0;
  257. }*/
  258.  
  259. .cPost.cPostQuestion:not( .ipsComment_popular ):not( .ipsComment_selected ):not( .ipsComment_highlighted ) {
  260. border: 0;
  261. }
  262.  
  263. html[dir="ltr"] .cPost .ipsComment_meta {
  264. padding: 18px 0 10px;
  265. margin-right: 15px;
  266. }
  267. html[dir="rtl"] .cPost .ipsComment_meta {
  268. padding: 18px 0px 10px;
  269. margin-left: 15px;
  270. }
  271.  
  272. html[dir="ltr"] .cPost.ipsComment_popular .ipsComment_meta {
  273. padding-right: 45px;
  274. }
  275. html[dir="rtl"] .cPost.ipsComment_popular .ipsComment_meta {
  276. padding-left: 45px;
  277. }
  278.  
  279. .cPost .ipsComment_controls {
  280. margin: 0;
  281. padding: 0;
  282. }
  283.  
  284. .cPost .cPost_contentWrap {
  285. position: relative;
  286. padding: 7px 15px 15px 0;
  287. /*min-height: 200px;*/
  288. }
  289. html[dir="rtl"] .cPost .cPost_contentWrap {
  290. padding: 7px 0px 15px 15px;
  291. }
  292.  
  293. .cPost.ipsComment .ipsType_richText {
  294. margin-top: 0;
  295. }
  296.  
  297. html[dir] .cPost .ipsComment_content {
  298. padding-right: 0;
  299. padding-left: 0;
  300. }
  301.  
  302. .cAuthorPane {
  303. text-align: center;
  304. padding: 15px !important;
  305. }
  306.  
  307. .cAuthorPane_photo {
  308. margin: 10px 0;
  309. position: relative;
  310. }
  311.  
  312. .cAuthorPane_author {
  313. display: block;
  314. /*word-break: break-all;*/
  315. line-height: 1.2;
  316. word-wrap: initial;
  317. overflow: hidden;
  318. text-overflow: ellipsis;
  319. -moz-hyphens: initial;
  320. margin-bottom: 3px;
  321. }
  322.  
  323. .cAuthorPane_author strong {
  324. font-weight: 500;
  325. }
  326.  
  327. .cAuthorPane_info .ipsRepBadge {
  328. font-size: inherit;
  329. padding-right: 61px;
  330. }
  331.  
  332. .cAuthorPane .cAuthorGroupIcon {
  333. max-width: 100%;
  334. }
  335.  
  336. .ipsApp .cTopic [data-role="commentFeed"] > .ipsComment:first-child {
  337. padding-top: 15px;
  338. }
  339.  
  340. .cPostShareMenu h5 {
  341. margin-bottom: 5px;
  342. }
  343.  
  344. html[dir="ltr"] .cTopic .ipsComment.ipsComment_ignored {
  345. padding-left: 200px;
  346. }
  347. html[dir="rtl"] .cTopic .ipsComment.ipsComment_ignored {
  348. padding-right: 200px;
  349. }
  350.  
  351. /* REPLY AREA / CREATE TOPIC */
  352. .cTopicPostArea .ipsComposeArea {
  353. margin-top: 0;
  354. }
  355.  
  356. /*.cTopicPostArea:not( .cTopicPostArea_noSize ) .ipsComposeArea_dummy {
  357. min-height: 200px;
  358. }*/
  359.  
  360. /*.cTopicPostArea hr {
  361. display: none;
  362. }*/
  363.  
  364. .cCreateTopic_date input {
  365. max-width: 100% !important;
  366. width: 100% !important;
  367. margin-bottom: 7px;
  368. }
  369. html[dir="ltr"] .cCreateTopic_date input {
  370. padding-left: 35px !important;
  371. }
  372. html[dir="rtl"] .cCreateTopic_date input {
  373. padding-right: 35px !important;
  374. }
  375.  
  376. .cCreateTopic_date li {
  377. position: relative;
  378. }
  379.  
  380. .cCreateTopic_date i {
  381. position: absolute;
  382. top: 10px;
  383. font-size: 18px;
  384. }
  385. html[dir="ltr"] .cCreateTopic_date i {
  386. left: 10px;
  387. }
  388. html[dir="rtl"] .cCreateTopic_date i {
  389. right: 10px;
  390. }
  391.  
  392. /* FEATURED TOPICS */
  393. .cFeaturedTopics h2 {
  394. font-weight: 500;
  395. }
  396.  
  397. /* PHONES */
  398. @media screen and (max-width: 767px) {
  399. .cPost.ipsComment .cAuthorPane {
  400. text-align: left;
  401. }
  402. html[dir="rtl"] .cPost.ipsComment .cAuthorPane {
  403. text-align: right;
  404. }
  405.  
  406. .cPost.ipsComment .ipsUserPhoto {
  407. display: inline-block;
  408. }
  409.  
  410. .cPost.ipsComment .ipsUserPhoto > img {
  411. width: 50px;
  412. height: 50px;
  413. }
  414.  
  415. .cPost.ipsComment .cAuthorPane_photo {
  416. position: absolute;
  417. top: 0;
  418. margin: 0;
  419. }
  420. html[dir="ltr"] .cPost.ipsComment .cAuthorPane_photo {
  421. left: 0;
  422. }
  423. html[dir="rtl"] .cPost.ipsComment .cAuthorPane_photo {
  424. right: 0;
  425. }
  426.  
  427. html[dir="ltr"] .cPost.ipsComment .cAuthorPane_info,
  428. html[dir="ltr"] .cPost.ipsComment .cAuthorPane_author {
  429. margin-left: 65px;
  430. }
  431. html[dir="rtl"] .cPost.ipsComment .cAuthorPane_info,
  432. html[dir="rtl"] .cPost.ipsComment .cAuthorPane_author {
  433. margin-right: 65px;
  434. }
  435.  
  436. .cPost.ipsComment .cAuthorPane_author {
  437. line-height: 1.1;
  438. }
  439.  
  440. .cPost.ipsComment .cAuthorPane_author > a {
  441. font-size: 14px;
  442. line-height: 18px;
  443. font-weight: bold;
  444. }
  445. }
  446.  
  447. /* Mini sidebar list */
  448. .cForumMiniList_button.ipsButton_split {
  449. margin-top: 2px;
  450. }
  451.  
  452. .cForumMiniList_wrapper {
  453. padding: 9px 5px 0;
  454. }
  455.  
  456. /* Topic view container color hint */
  457. .cForumContainerHint {
  458. width: 10px;
  459. height: 53px;
  460. float: left;
  461. margin-right: 10px;
  462. padding-top: 6px;
  463. border-radius: 4px;
  464. }
  465.  
  466. .cForumContainerHint {
  467. height: 33px;
  468. }
  469.  
  470. ul.ipsButton_split.cForumMiniList_buttonShowFlow {
  471. margin-top: 8px;
  472. }
  473.  
  474. ul.ipsButton_split.cForumMiniList_button {
  475. text-transform: none;
  476. }
  477.  
  478. html[dir] .cForumMiniList_wrapper > .ipsSideMenu > .ipsSideMenu_list.cForumMiniList_multiRoot > li > .cForumMiniList {
  479. border: 0;
  480. }
  481.  
  482. html[dir="ltr"] .ipsSideMenu > .cForumMiniList > li:not( .cForumMiniList_category ) > .cForumMiniList {
  483. margin-left: 0;
  484. }
  485. html[dir="rtl"] .ipsSideMenu > .cForumMiniList > li:not( .cForumMiniList_category ) > .cForumMiniList {
  486. margin-right: 0;
  487. }
  488.  
  489. .cForumMiniList .ipsSideMenu_item + .ipsSideMenu_list .ipsSideMenu_item {
  490. font-size: 13px;
  491. padding: 5px 10px;
  492. line-height: 18px;
  493. }
  494.  
  495. .cForumMiniList .ipsSideMenu_item {
  496. font-size: 14px;
  497. padding: 7px 10px;
  498. display: flex;
  499. }
  500.  
  501. .cForumMiniList .ipsSideMenu_item .cForumMiniList_title {
  502. min-width: 0;
  503. }
  504.  
  505. .cForumMiniList.cForumMiniList_multiRoot > li > a {
  506. font-size: 17px;
  507. font-weight: 500;
  508. padding: 10px 9px;
  509. margin-bottom: 4px;
  510. color: #000;
  511. }
  512.  
  513. html[dir="ltr"] .cForumMiniList_count {
  514. margin-left: 12px;
  515. }
  516. html[dir="rtl"] .cForumMiniList_count {
  517. margin-right: 12px;
  518. }
  519.  
  520. .cForumMiniList_count .fa {
  521. font-size: 8px;
  522. }
  523.  
  524. .cForumMiniList .cForumMiniList_blob {
  525. width: 22px;
  526. height: 18px;
  527. text-align: center;
  528. border-radius: 2px;
  529. display: inline-block;
  530. vertical-align: middle;
  531. background: #3e4148;
  532. color: #fff;
  533. opacity: 0.3;
  534. position: relative;
  535. top: -1px;
  536. }
  537.  
  538. html[dir="ltr"] .cForumMiniList .cForumMiniList_blob {
  539. margin-right: 5px;
  540. }
  541. html[dir="rtl"] .cForumMiniList .cForumMiniList_blob {
  542. margin-left: 5px;
  543. }
  544.  
  545. .cForumMiniList .cForumMiniList_blob > span {
  546. position: absolute;
  547. top: 2px;
  548. left: 2px;
  549. right: 2px;
  550. bottom: 2px;
  551. background: #fff;
  552. border-radius: 1px;
  553. }
  554.  
  555. .cForumMiniList .cForumMiniList_blob .fa {
  556. text-align: center;
  557. line-height: 18px;
  558. width: auto;
  559. font-size: inherit;
  560. display: none;
  561. font-size: 11px;
  562. margin-top: 1px;
  563. }
  564.  
  565. .cForumMiniList .cForumMiniList_selected > .cForumMiniList_blob {
  566. opacity: 1;
  567. }
  568.  
  569. .cForumMiniList .cForumMiniList_selected > .cForumMiniList_blob .fa {
  570. display: block;
  571. }
  572. .cForumMiniList .cForumMiniList_selected > .cForumMiniList_blob > span {
  573. display: none;
  574. }
  575.  
  576. .cForumFluidTable .ipsDataItem_lastPoster.ipsDataItem_noPhoto {
  577. min-width: 170px;
  578. }
  579.  
  580. .cForumFluidTable .ipsItemStatus {
  581. position: relative;
  582. top: -1px;
  583. }
  584.  
  585. .cForumFluidTable .ipsBadge_pill {
  586. height: 18px;
  587. line-height: 18px;
  588. position: relative;
  589. top: -2px;
  590. }
  591.  
  592. .cForumMiniList_multiRoot {
  593. margin-top: -4px;
  594. }
  595.  
  596. .cForumMiniList > li > a.cForumMiniList_selected {
  597. background: #e5e5e5;
  598. }
  599.  
  600. /* Loading styles */
  601. .cForumFluidTable .ipsDataItem_loading > div > span:last-child:after {
  602. left: 10px;
  603. width: 38px;
  604. height: 38px;
  605. border-radius: 38px;
  606. }
  607.  
  608. html[dir="ltr"] .cForumFluidTable .ipsDataItem_loading > div > span:last-child {
  609. left: 56px;
  610. right: 500px;
  611. }
  612. html[dir="rtl"] .cForumFluidTable .ipsDataItem_loading > div > span:last-child {
  613. right: 56px;
  614. left: 500px;
  615. }
  616.  
  617. html[dir="ltr"] .cForumFluidTable .ipsDataItem_loading > div > span:last-child:after {
  618. left: -46px;
  619. }
  620. html[dir="rtl"] .cForumFluidTable .ipsDataItem_loading > div > span:last-child:after {
  621. right: -46px;
  622. }
  623.  
  624. .cForumFluidTable .ipsDataItem_loading > div > span:first-child {
  625. width: 0;
  626. height: 0;
  627. }
  628.  
  629. .cForumFluidTable .ipsDataItem_loading > div > span:first-child {
  630. top: 15px;
  631. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement