API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 25th, 2017
490
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.60 KB | None | 0 0
raw download clone embed print report
  1. /**
  2. * TruckersMP Forum Dark Theme based on the Dark theme for http://truckersmp.com
  3. * Created by Digi7al (https://forum.truckersmp.com/index.php?/profile/4963-digi7al/)
  4. * Support from Rekoil_ (https://forum.truckersmp.com/index.php?/profile/159-rekoil_/)
  5. * Last Updated: 20 April 2017 17:00 UTC
  6. */
  7.  
  8. /*Header*/
  9. #ipsLayout_header header {
  10. background-color: #222222;
  11. }
  12.  
  13. /*Navigation Bar Buttons*/
  14. .ipsNavBar_primary {
  15. background: #222222 none repeat scroll 0 0;
  16. border-radius: 2px 2px 0 0;
  17. padding: 5px 5px 40px;
  18. position: relative;
  19. z-index: 2000;
  20. }
  21.  
  22. /*Navigation Bar*/
  23. .ipsNavBar_secondary {
  24. background: #1C1C1C none repeat scroll 0 0;
  25. bottom: 0;
  26. display: none;
  27. height: 40px;
  28. left: 0;
  29. position: absolute;
  30. right: 0;
  31. z-index: 1000;
  32. border-style: solid;
  33. border-color: #303030;
  34. border-width: 0px 1px 0px 1px;
  35. }
  36.  
  37. .ipsNavBar_secondary > li > a {
  38. border-bottom: 2px solid transparent;
  39. color: #888888;
  40. font-size: 13px;
  41. padding: 12px 18px 8px;
  42. }
  43.  
  44. .ipsNavBar_secondary > li > a:hover {
  45. color: #CCCCCC;
  46. border-color: rgba(51, 51, 51, 0.1);
  47. background-color: #303030;
  48. }
  49.  
  50. .ipsNavBar_secondary > li.ipsNavBar_active a {
  51. color: #CCCCCC;
  52. border-color: rgba(51, 51, 51, 0.1);
  53. font-weight: unset;
  54. }
  55.  
  56. .ipsNavBar_primary:not(.ipsNavBar_noSubBars) > ul::before {
  57. background: #1C1C1C none repeat scroll 0 0;
  58. bottom: 0;
  59. content: "";
  60. display: block;
  61. height: 40px;
  62. left: 0;
  63. position: absolute;
  64. right: 0;
  65. z-index: 100;
  66. border-style: solid;
  67. border-width: 1px 1px 0px 1px;
  68. border-color: #333333;
  69. }
  70.  
  71. /*NavBar_primary a:hover*/
  72. .ipsNavBar_primary > ul > li > a:hover {
  73. background: rgba(245, 245, 245, 0.1) none repeat scroll 0 0;
  74. }
  75.  
  76. /*Nav Bar Button*/
  77. .ipsNavBar_primary > ul > li > a {
  78. background: #222222 none repeat scroll 0 0;
  79. border-color: #222222;
  80. border-radius: 1px 1px 0 0;
  81. border-style: solid;
  82. border-width: 0px 0px 3px 0px;
  83. color: #999999;
  84. font-size: 14px;
  85. padding: 9px 25px;
  86.  
  87. }
  88.  
  89. /*Nav Bar Button Hover*/
  90. .ipsNavBar_primary > ul > li > a:hover {
  91. background: #222222 none repeat scroll 0 0;
  92. border-style: solid;
  93. border-color: #222222;
  94. border-width: 0px 0px 3px 0px;
  95. border-bottom-color: #72C02C;
  96. }
  97.  
  98. /*Nav bar Button Active*/
  99. .ipsNavBar_primary > ul > li.ipsNavBar_active > a {
  100. background: #222222 none repeat scroll 0 0;
  101. color: #999999;
  102. }
  103.  
  104. /*Search*/
  105. #elSearch {
  106. background: #202020 none repeat scroll 0 0;
  107. border-style: solid;
  108. border-color: #303030;
  109. border-radius: 0px;
  110. border-width: 1px;
  111. height: 26px;
  112. margin: 2px 0;
  113. opacity: 1.0;
  114. padding: 4px 10px;
  115. position: relative;
  116. transition: all 0.1s linear 0s;
  117. width: 170px;
  118. }
  119.  
  120. /*Search Button*/
  121. #elSearch button {
  122. background: #292929 none repeat scroll 0 0;
  123. border: 0 none;
  124. color: #999999;
  125. font-size: 17px;
  126. line-height: 24px;
  127. position: absolute;
  128. top: 0;
  129. width: 35px;
  130. }
  131.  
  132. /*Search Button Hover*/
  133. #elSearch button:hover {
  134. background-color: #303030;
  135. }
  136.  
  137. /*Search Filter*/
  138. #elSearch #elSearchFilter {
  139. background: #222222 none repeat scroll 0 0;
  140. color: #FFF;
  141. font-size: 11px;
  142. line-height: 24px;
  143. max-width: 110px;
  144. opacity: 1;
  145. overflow: hidden;
  146. padding: 0 10px;
  147. position: absolute;
  148. text-align: center;
  149. text-overflow: ellipsis;
  150. top: 0;
  151. white-space: nowrap;
  152. width: 110px;
  153. }
  154.  
  155. /*Search Filter Hover*/
  156. #elSearch #elSearchFilter:hover {
  157. background: #222222 none repeat scroll 0 0;
  158. }
  159.  
  160. /*Search Filter Border*/
  161. html[dir="ltr"] #elSearch #elSearchFilter {
  162. border-radius: 0px 0 0 0px;
  163. border-right: 1px solid rgba(0, 0, 0, 0.1);
  164. left: 0;
  165. }
  166.  
  167. /*A*/
  168. a {
  169. color: #a7a7a7;
  170. text-decoration: none;
  171. }
  172.  
  173. /*A Hover*/
  174. a:hover {
  175. color: #72C02C;
  176. text-decoration: none;
  177. }
  178.  
  179. #ipsLayout_footer a, #ipsLayout_footer p {
  180. color: #CCCCCC;
  181. font-size: 14px;
  182. text-decoration: none;
  183. }
  184.  
  185. /*Body*/
  186. body {
  187. background-color: #222222;
  188. color: #888888;
  189. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  190. font-size: 13px;
  191. height: 100%;
  192. line-height: 18px;
  193. }
  194.  
  195. /*Content Wrapper*/
  196. #ipsLayout_contentWrapper {
  197. background-color: #252525;
  198. width: 100%;
  199. border-style: solid;
  200. border-width: 0px 1px 1px 1px;
  201. border-color: #303030;
  202. }
  203.  
  204. /*Area Background*/
  205. .ipsAreaBackground_reset {
  206. background: #252525 none repeat scroll 0 0;
  207. }
  208.  
  209. .ipsAreaBackground_light {
  210. background: #252525 none repeat scroll 0 0;
  211. }
  212.  
  213. /*Area Background Zebra*/
  214. .ipsDataList.ipsDataList_zebra .ipsDataItem:nth-child(2n):not(.ipsDataItem_selected):not(.ipsModerated):not(.ipsDataItem_new):not(.ipsDataItem_success):not(.ipsDataItem_warning):not(.ipsDataItem_error):not(.ipsDataItem_info):not(.ipsDataItem_status) {
  215. background: #252525 none repeat scroll 0 0;
  216. }
  217.  
  218. .ipsDataList:not(.ipsGrid), .ipsDataList.ipsDataList_zebra {
  219. background-color: #222222;
  220. border-bottom: 0 none;
  221. }
  222.  
  223. /*ipsDataItem*/
  224. .ipsDataItem {
  225. border-color: #303030;
  226. border-style: solid;
  227. border-width: 0 0 1px;
  228. position: relative;
  229. width: 100%;
  230. }
  231.  
  232. /*Box*/
  233. .ipsBox:not(.ipsBox_transparent):not(.ipsModerated) {
  234. background-color: #222222;
  235. border-style: none;
  236. border-width: 1px 1px 1px 1px;
  237. border-color: #2F2F2F;
  238. }
  239.  
  240. /*Profile Box*/
  241. .ipsList_inline, .ipsList_reset {
  242. list-style: outside none none;
  243. margin: 0;
  244. padding: 0;
  245. }
  246.  
  247. .ipsApp .ipsGrid > .ipsGrid_span3 {
  248. width: 23.4043%;
  249. background-color: #222222;
  250. }
  251.  
  252.  
  253. /*Page Title*/
  254. .ipsType_pageTitle {
  255. color: #888888;
  256. font-size: 26px;
  257. font-weight: 400;
  258. line-height: 1.2;
  259. margin: 0;
  260. }
  261.  
  262. /*Section Title*/
  263. .ipsType_sectionTitle {
  264. background: #1D1D1D none repeat scroll 0 0;
  265. border-radius: 2px 2px 0 0;
  266. color: #CCCCCC;
  267. font-size: 15px;
  268. font-weight: 400;
  269. margin-top: 0;
  270. padding: 11px 15px;
  271. border-style: solid;
  272. border-width: 0px 0px 0px 2px;
  273. border-color: #72C02C;
  274. }
  275.  
  276.  
  277. .ipsWidget.ipsWidget_vertical .ipsWidget_title {
  278. background: #1D1D1D none repeat scroll 0 0;
  279. border-radius: 2px 2px 0 0;
  280. color: #CCCCCC;
  281. font-size: 14px;
  282. font-weight: 400;
  283. margin: 0;
  284. padding: 10px;
  285. position: relative;
  286. border-style: solid;
  287. border-width: 0px 0px 0px 2px;
  288. border-color: #72C02C;
  289. }
  290.  
  291. /*Rich Text*/
  292. .ipsType_richText {
  293. color: #888888;
  294. line-height: 1.5;
  295. overflow-wrap: break-word;
  296. }
  297.  
  298. /*Rich Text a*/
  299. .ipsType_richText a {
  300. text-decoration: underline;
  301. }
  302.  
  303. /*Notification*/
  304. .ipsApp .ipsNotificationCount {
  305. background: #72C02C none repeat scroll 0 0;
  306. border-radius: 8px;
  307. color: #fff;
  308. display: inline-block;
  309. font-size: 11px;
  310. line-height: 18px;
  311. padding: 0 6px;
  312. position: absolute;
  313. text-indent: 0;
  314. top: -10px;
  315. z-index: 2;
  316. }
  317.  
  318. .ipsComment:not(.ipsModerated) .ipsComment_header {
  319. background: #1C1C1C none repeat scroll 0 0;
  320. }
  321.  
  322. .ipsItemStatus.ipsItemStatus_large {
  323. background: #72C02C none repeat scroll 0 0;
  324. border-radius: 20px;
  325. color: #fff;
  326. display: inline-block;
  327. font-size: 18px;
  328. height: 40px;
  329. line-height: 40px;
  330. text-align: center;
  331. transition: all 0.15s linear 0s;
  332. width: 40px;
  333. }
  334.  
  335. /* Menu (Border)*/
  336. .ipsMenu {
  337. background: #242424 none repeat scroll 0 0;
  338. border: 1px solid #ebebeb;
  339. border-color: #333333;
  340. border-radius: 1px;
  341. box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2);
  342. position: absolute;
  343. z-index: 10000;
  344. }
  345.  
  346. /*Menu Arrow*/
  347. .ipsMenu.ipsMenu_bottomCenter::after {
  348. border-color: transparent transparent #333333;
  349. bottom: 100%;
  350. left: 50%;
  351. margin-left: -15px;
  352. }
  353.  
  354. /*Menu Arrow Border*/
  355. .ipsMenu.ipsMenu_bottomCenter::before {
  356. border-color: transparent transparent #333333;
  357. bottom: 100%;
  358. left: 50%;
  359. margin-left: -16px;
  360. margin-top: -1px;
  361. }
  362.  
  363. .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  364. background: #888888 none repeat scroll 0 0;
  365. }
  366.  
  367. .ipsAreaBackground {
  368. background: #252525 none repeat scroll 0 0;
  369. }
  370.  
  371. .ipsWidget .cStatusUpdateWidget .ipsComposeArea_dummy {
  372. font-size: 13px;
  373. padding: 7px 10px;
  374. background-color: #202020
  375. }
  376.  
  377. .ipsWidget.ipsWidget_horizontal .ipsWidget_title {
  378. background: #1E1E1E none repeat scroll 0 0;
  379. font-weight: 400;
  380. margin-bottom: 10px;
  381. padding: 10px;
  382. }
  383.  
  384. .ipsItemStatus:not(.ipsItemStatus_large) {
  385. color: #72C02C;
  386. font-size: 14px;
  387. line-height: inherit;
  388. vertical-align: middle;
  389. }
  390.  
  391. /*Breadcrumb*/
  392. .ipsBreadcrumb > ul > li > a {
  393. color: #CCCCCC;
  394. text-decoration: none;
  395. }
  396.  
  397. /*Breadcrumb markSiteRead*/
  398. .ipsBreadcrumb [data-action="defaultStream"], .ipsBreadcrumb [data-action="markSiteRead"] {
  399. color: #888888;
  400. font-size: 12px;
  401. font-weight: 400;
  402. }
  403.  
  404. /*Breadcrumb Top*/
  405. .ipsBreadcrumb.ipsBreadcrumb_top {
  406. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  407. margin: 0 20px 15px;
  408. padding: 12px 0;
  409. }
  410.  
  411. .ipsButtonBar {
  412. background: #1D1D1D none repeat scroll 0 0;
  413. line-height: 1;
  414. }
  415.  
  416. .ipsTabs_panel {
  417. background: #252525 none repeat scroll 0 0;
  418. height: 100%;
  419. }
  420.  
  421. .ipsTabs {
  422. background: #222222 none repeat scroll 0 0;
  423. list-style: outside none none;
  424. margin: 0;
  425. padding: 10px 10px 0;
  426. }
  427.  
  428. .ipsApp .ipsButton_primary {
  429. background: #72C02C none repeat scroll 0 0;
  430. color: #ffffff;
  431. border-radius: 1px;
  432. }
  433.  
  434. /*Button_veryLight*/
  435. .ipsApp .ipsButton_veryLight {
  436. background: #E47D30 none repeat scroll 0 0;
  437. border-color: #E47D30;
  438. color: #FFFFFF;
  439. }
  440.  
  441. /*Button Important*/
  442. .ipsApp .ipsButton_important {
  443. background: #E47D30 none repeat scroll 0 0;
  444. color: #ffffff;
  445. border-radius: 0px;
  446. }
  447.  
  448. /*Button Positive*/
  449. .ipsApp .ipsButton_positive {
  450. background: #3777B3 none repeat scroll 0 0;
  451. border-radius: 1px;
  452. color: #fff;
  453. }
  454.  
  455. /*Button Negative*/
  456. .ipsApp .ipsButton_negative {
  457. background: #D75250 none repeat scroll 0 0;
  458. border-radius: 1px;
  459. color: #fff;
  460. }
  461.  
  462. /*Button_light*/
  463. .ipsApp .ipsButton_light {
  464. background: #e5e5e5 none repeat scroll 0 0;
  465. border-color: rgba(0, 0, 0, 0.03);
  466. border-radius: 1px;
  467. color: #333333;
  468. }
  469.  
  470. /*Profile Community Rep Title*/
  471. .cProfileRepScore_negative .ipsType_minorHeading, .cProfileRepScore_positive .ipsType_minorHeading {
  472. color: #FFFFFF;
  473. }
  474.  
  475. /*Profile Community Rep Positive*/
  476. .cProfileRepScore_positive {
  477. background: #72C02C none repeat scroll 0 0;
  478. border-radius: 1px;
  479. color: #fff;
  480. }
  481.  
  482. /*Profile Community Rep Negative*/
  483. .cProfileRepScore_neutral {
  484. background: #e5e5e5 none repeat scroll 0 0;
  485. border-radius: 1px;
  486. color: #000;
  487. }
  488.  
  489. /*textarea*/
  490. .ipsApp .ipsField_autocomplete, .ipsApp textarea, .ipsApp input[type="text"], .ipsApp input[type="password"], .ipsApp input[type="datetime"], .ipsApp input[type="datetime-local"], .ipsApp input[type="date"], .ipsApp input[type="month"], .ipsApp input[type="time"], .ipsApp input[type="week"], .ipsApp input[type="number"], .ipsApp input[type="email"], .ipsApp input[type="url"], .ipsApp input[type="search"], .ipsApp input[type="tel"] {
  491. background-color: #202020;
  492. border-color: #303030;
  493. border-radius: 1px;
  494. border-style: solid;
  495. border-width: 1px;
  496. max-width: 350px;
  497. padding: 7px;
  498. width: 100%;
  499. }
  500.  
  501. /*textarea: focus*/
  502. .ipsApp textarea:focus, .ipsApp input[type="text"]:focus, .ipsApp input[type="password"]:focus, .ipsApp input[type="datetime"]:focus, .ipsApp input[type="datetime-local"]:focus, .ipsApp input[type="date"]:focus, .ipsApp input[type="month"]:focus, .ipsApp input[type="time"]:focus, .ipsApp input[type="week"]:focus, .ipsApp input[type="number"]:focus, .ipsApp input[type="email"]:focus, .ipsApp input[type="url"]:focus, .ipsApp input[type="search"]:focus, .ipsApp input[type="tel"]:focus, .ipsApp input[type="color"]:focus {
  503. border-color: #555555;
  504. box-shadow: unset;
  505. outline: 0 none;
  506. }
  507.  
  508.  
  509. /*Mentioned*/
  510. a[data-mentionid] {
  511. background: #72C02C none repeat scroll 0 0;
  512. border-radius: 1px;
  513. color: #fff;
  514. display: inline-block;
  515. font-size: 90%;
  516. padding: 0 5px;
  517. text-decoration: none !important;
  518. }
  519.  
  520. a.ipsType_blendLinks:hover:not(.ipsType_noUnderline), .ipsType_blendLinks:not(.ipsType_noUnderline) a:hover:not(.ipsType_noUnderline) {
  521. color: #72C02C;
  522. text-decoration: underline;
  523. }
  524.  
  525. /*Forum Post Username*/
  526. a.ipsType_blendLinks, .ipsType_blendLinks a {
  527. color: #FFF;
  528. }
  529.  
  530. /*Topic reply border*/
  531. html[dir="ltr"] .ipsComposeArea_withPhoto .ipsComposeArea_editor::before {
  532. border-color: transparent #303030 transparent transparent;
  533. right: 100%;
  534. }
  535.  
  536. /*Topic reply border 2*/
  537. html[dir="ltr"] .ipsComposeArea_withPhoto .ipsComposeArea_editor::before {
  538. border-color: transparent #303030 transparent transparent;
  539. right: 100%;
  540. }
  541.  
  542. .ipsComposeArea_dummy {
  543. background: #202020 none repeat scroll 0 0;
  544. color: #707070;
  545. cursor: text;
  546. font-size: 15px;
  547. padding: 15px;
  548. }
  549.  
  550. .ipsComposeArea_editor {
  551. background: #202020 none repeat scroll 0 0;
  552. border-collapse: collapse;
  553. border-color: #303030;
  554. border-radius: 3px;
  555. border-style: solid;
  556. border-width: 1px;
  557. padding: 1px;
  558. position: relative;
  559. }
  560.  
  561. .ipsComposeArea_unavailable .ipsComposeArea_editor {
  562. background: #202020 none repeat scroll 0 0;
  563. }
  564.  
  565. html[dir="ltr"] .ipsComposeArea_unavailable.ipsComposeArea_withPhoto .ipsComposeArea_editor::before {
  566. border-right-color: #333333;
  567. }
  568.  
  569. .ipsComment_subComments .ipsComment {
  570. background-color: #252525;
  571. border-color: #303030;
  572. border-style: solid;
  573. border-width: 1px 0px 0px 0px;
  574. margin-bottom: 3px;
  575. padding: 10px;
  576. }
  577.  
  578. /*LikeRep*/
  579. .ipsLikeRep::before {
  580. border-color: transparent transparent;
  581. border-radius: 1px;
  582. border-style: solid;
  583. border-width: 6px;
  584. content: "";
  585. display: block;
  586. position: absolute;
  587. top: -12px;
  588. }
  589.  
  590. /*LikeRep Background*/
  591. .ipsLikeRep {
  592. background: #343434 none repeat scroll 0 0;
  593. border-radius: 1px;
  594. display: inline-block;
  595. line-height: 16px;
  596. padding: 3px;
  597. position: relative;
  598. }
  599.  
  600. /*LikeRep Line*/
  601. .ipsLikeRep [data-action="giveReputation"] + .ipsReputation_count::before {
  602. background: #3F3F3F none repeat scroll 0 0;
  603. content: "";
  604. display: block;
  605. height: 100%;
  606. position: absolute;
  607. top: 0;
  608. width: 1px;
  609. }
  610.  
  611. /*Rep Count*/
  612. .ipsReputation_count {
  613. background: #343434 none repeat scroll 0 0;
  614. border-radius: 1px;
  615. }
  616.  
  617. /*Rep Count Positive Count*/
  618. .ipsReputation_count.ipsType_positive {
  619. background: #252525 none repeat scroll 0 0;
  620. }
  621.  
  622. /*Rep Up Button*/
  623. .ipsButton.ipsButton_repUp {
  624. background: #6CBC24 none repeat scroll 0 0;
  625. border-radius: 1px;
  626. }
  627.  
  628.  
  629. /*Rep Down Button*/
  630. .ipsButton.ipsButton_repDown {
  631. background: #A72F35 none repeat scroll 0 0;
  632. border-radius: 1px;
  633. }
  634.  
  635. .fa-angle-right::before {
  636. content: "";
  637. color: #FFFFFF;
  638. }
  639.  
  640. /*Dialog Title*/
  641. .ipsDialog_title {
  642. color: #CCCCCC;
  643. font-size: 26px;
  644. font-weight: 300;
  645. line-height: 1.2;
  646. margin: 0;
  647. overflow: hidden;
  648. padding: 12px 15px 0;
  649. text-align: left;
  650. text-overflow: ellipsis;
  651. white-space: nowrap;
  652. }
  653.  
  654. /*Dialog div*/
  655. .ipsDialog > div {
  656. background: #1D1D1D none repeat scroll 0 0;
  657. box-shadow: 0 5px 55px rgba(0, 0, 0, 0.4);
  658. display: block;
  659. margin: 3% auto 0;
  660. max-width: 1200px;
  661. position: relative;
  662. width: 90%;
  663. border-style: solid;
  664. border-color: #303030;
  665. border-width: 1px 1px 1px 1px;
  666. }
  667.  
  668. /*Dialog Content*/
  669. .ipsDialog_content {
  670. background-color: #242424;
  671. }
  672.  
  673. /*Section Head*/
  674. .ipsType_sectionHead {
  675. color: #CCCCCC;
  676. display: inline-block;
  677. font-size: 20px;
  678. font-weight: 400;
  679. line-height: 24px;
  680. margin: 0;
  681. }
  682.  
  683. /*Dialog Close Button*/
  684. .ipsDialog_close {
  685. color: #FFFFFF;
  686. display: block;
  687. font-size: 34px;
  688. font-weight: 300;
  689. height: 44px;
  690. line-height: 48px;
  691. position: absolute;
  692. text-align: center;
  693. top: 0;
  694. transition: all 0.2s linear 0s;
  695. width: 44px;
  696. z-index: 1000;
  697. }
  698.  
  699. /*Menu HeaderBar (Messages drop-down)*/
  700. .ipsMenu_headerBar, .ipsMenu_footerBar {
  701. background: #1D1D1D;
  702. border-color: #303030;
  703. line-height: 24px;
  704. padding: 10px;
  705. }
  706.  
  707. /*Menu innerContent (Messages drop-down)*/
  708. .ipsMenu_innerContent {
  709. background-color: #242424;
  710. }
  711.  
  712. /*Hovercard Contents*/
  713. .cUserHovercard {
  714. background-color: #222222;
  715. min-height: 200px;
  716. min-width: 450px;
  717. }
  718.  
  719. /*Hovercard Border*/
  720. .ipsHovercard {
  721. background-color: #292929;
  722. border: 1px solid #303030;
  723. box-shadow: 0 7px 20px rgba(0, 0, 0, 0.2), 0 5px 20px rgba(0, 0, 0, 0.1);
  724. position: relative;
  725. }
  726.  
  727. .ipsHovercard_stemTop .ipsHovercard_stem {
  728. border-color: #333333 transparent transparent;
  729. top: 100%;
  730. }
  731.  
  732. .ipsHovercard_stemTop .ipsHovercard_stem::before {
  733. border-color: #333333 transparent transparent;
  734. bottom: -17px;
  735. }
  736.  
  737. .ipsHovercard_stemBottom .ipsHovercard_stem {
  738. border-color: transparent transparent #333333;
  739. bottom: 100%;
  740. }
  741.  
  742. .ipsHovercard_stemBottom .ipsHovercard_stem::before {
  743. border-color: transparent transparent #333333;
  744. top: -17px;
  745. }
  746.  
  747. .ipsHovercard_loading {
  748. background-color: #242424;
  749. border-radius: 4px;
  750. box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);
  751. height: 30px;
  752. padding: 5px;
  753. pointer-events: none;
  754. width: 30px;
  755. }
  756.  
  757. /*Page Title*/
  758. .ipsPager_title, .ipsPager_type {
  759. color: #888888;
  760. display: block;
  761. height: 18px;
  762. max-width: 100%;
  763. overflow: hidden;
  764. text-overflow: ellipsis;
  765. }
  766.  
  767. /*Breadcrumb ul li*/
  768. .ipsBreadcrumb > ul > li {
  769. color: #888888;
  770. display: inline-block;
  771. font-size: 13px;
  772. font-weight: 400;
  773. height: 15px;
  774. line-height: 1;
  775. max-width: 500px;
  776. overflow: hidden;
  777. text-overflow: ellipsis;
  778. vertical-align: bottom;
  779. white-space: nowrap;
  780. }
  781.  
  782. /*Comment Author*/
  783. .ipsComment_author {
  784. background-color: #222222;
  785. }
  786.  
  787. /*Button Medium*/
  788. .ipsApp .ipsButton_medium {
  789. background-color: #72C02C;
  790. border-radius: 1px;
  791. color: #FFF;
  792. font-size: 13px;
  793. line-height: 38px;
  794. padding: 0 20px;
  795. }
  796.  
  797. /*Reply Button*/
  798. .ipsToolList.ipsToolList_horizontal > li.ipsToolList_primaryAction .ipsButton:not(.ipsButton_link) {
  799. background-color: #72C02C;
  800. min-width: 200px;
  801. }
  802.  
  803. /*RepBadge_Positive*/
  804. .ipsRepBadge_positive, .ipsRepBadge_positive:hover {
  805. color: #6CBC24 !important;
  806. }
  807.  
  808. /*Follow topic button*/
  809. html[dir="ltr"] .ipsFollow {
  810. background-color: #343434;
  811. padding-right: 0 !important;
  812. }
  813.  
  814. /*Quote*/
  815. .ipsQuote {
  816. background: #252525 none repeat scroll 0 0;
  817. border-color: #303030;
  818. border-style: solid;
  819. border-width: 1px 1px 1px 2px;
  820. clear: both;
  821. margin: 0;
  822. padding: 0 15px;
  823. }
  824.  
  825. /*Quote Citation*/
  826. .ipsQuote_citation {
  827. background: #292929 none repeat scroll 0 0;
  828. color: #FFFFFF;
  829. display: block;
  830. font-size: 13px;
  831. font-weight: bold;
  832. margin: 0 -15px;
  833. padding: 5px 15px;
  834. }
  835.  
  836. /*Quote Citation Hyperlink*/
  837. .ipsQuote .ipsQuote_citation a {
  838. color: #FFFFFF;
  839. text-decoration: none;
  840. }
  841.  
  842. /*Embedded (Header)*/
  843. .ipsEmbedded_headerArea {
  844. background: #1C1C1C none repeat scroll 0 0;
  845. border-bottom: 1px solid rgba(0, 0, 0, 0.055);
  846. font-size: 16px;
  847. line-height: 1;
  848. padding: 10px;
  849. }
  850.  
  851. /*Embedded (Content)*/
  852. .ipsEmbedded_content {
  853. background-color: #202020;
  854. min-height: 75px;
  855. padding: 9px 7px 7px;
  856. }
  857.  
  858.  
  859. iframe[data-embedContent] {
  860. background-color: #202020;
  861. background-image: url("https://forum.truckersmp.com/uploads/set_resources_1/cf5a1e7fc191338071d07df134b620d0_large_loading@2x.gif");
  862. background-position: center center;
  863. background-repeat: no-repeat;
  864. background-size: 40px 40px;
  865. border: 1px solid rgba(0, 0, 0, 0.1);
  866. margin: 10px 0;
  867. min-height: 165px;
  868. position: relative;
  869. width: 100%;
  870. }
  871.  
  872.  
  873. /*StreamItem*/
  874. #elProfileActivityOverview .ipsStreamItem, #elUserContent .ipsStreamItem, #elSingleStatusUpdate .ipsStreamItem {
  875. border-bottom-color: #333333;
  876. border-image: none;
  877. border-style: none none solid;
  878. border-width: 0 0 1px;
  879. box-shadow: none;
  880. margin: 0;
  881. padding: 20px 0;
  882. }
  883.  
  884. /*Comment Spoiler Header*/
  885. .ipsSpoiler_header {
  886. background: #303030 none repeat scroll 0 0;
  887. color: #FFF;
  888. cursor: pointer;
  889. display: block;
  890. font-size: 13px;
  891. font-weight: bold;
  892. margin: 0 -15px;
  893. padding: 5px 15px;
  894. }
  895.  
  896. /*Comment Spoiler Header A*/
  897. .ipsSpoiler .ipsSpoiler_header a, .ipsStyle_spoiler .ipsSpoiler_header a {
  898. color: #FFF;
  899. text-decoration: none;
  900. }
  901.  
  902. /*Comment Spoiler*/
  903. .ipsSpoiler, .ipsStyle_spoiler {
  904. background: #252525 none repeat scroll 0 0;
  905. border-color: #303030;
  906. border-style: solid;
  907. border-width: 1px;
  908. clear: both;
  909. margin: 0;
  910. padding: 0 15px;
  911. position: relative;
  912. }
  913.  
  914. .ipsImage_thumbnailed {
  915. border: 1px solid #303030;
  916. padding: 1px;
  917. }
  918.  
  919. .ipsLoading {
  920. background-color: #242424;
  921. }
  922.  
  923. /*Notifcation List Background*/
  924. .ipsDataList_readStatus .ipsDataItem:not(.ipsDataItem_unread):not(.ipsDataItem_selected):not(.ipsModerated) {
  925. background: #242424 none repeat scroll 0 0;
  926. }
  927.  
  928. #topcontrol {
  929. background: #222 none repeat scroll 0 0;
  930. border-radius: 3px !important;
  931. bottom: 11px !important;
  932. color: #fff;
  933. font-size: 20px;
  934. height: 30px;
  935. position: relative;
  936. right: 14px !important;
  937. width: 30px;
  938. z-index: 99;
  939. }
  940.  
  941. #topcontrol:hover {
  942. background: #72c02c none repeat scroll 0 0;
  943. color: #fff;
  944. transition: all 0.3s ease-in-out 0s;
  945. }
  946.  
  947. #topcontrol::after {
  948. content: "";
  949. font-family: FontAwesome;
  950. left: 8.5px;
  951. position: absolute;
  952. text-align: center;
  953. top: 4px;
  954. }
  955.  
  956. /*Signature Separator*/
  957. hr.ipsHr {
  958. border-color: #292929;
  959. border-style: solid;
  960. border-width: 2px 0 0;
  961. height: 0;
  962. margin: 15px 0;
  963. padding: 0;
  964. }
  965.  
  966. /*Unread Seperator*/
  967. .ipsCommentUnreadSeperator {
  968. border-color: #72C02C;
  969. border-style: solid;
  970. border-width: 2px 0 0;
  971. height: 0;
  972. margin: 15px 0;
  973. padding: 0;
  974. }
  975.  
  976. .ipsMenu_title {
  977. color: #CCCCCC;
  978. background: #1D1D1D none repeat scroll 0 0;
  979. font-size: 12px;
  980. font-weight: bold;
  981. margin: 5px;
  982. padding: 7px 10px;
  983. }
  984.  
  985. ul:not(.ipsMenu_keyNav) .ipsMenu_item:not(.ipsMenu_itemClicked):not(.ipsMenu_itemDisabled) a:hover, .ipsMenu_item[data-selected] a, .ipsMenu_item[data-selected] span, .ipsMenu_item.ipsMenu_hover {
  986. background: #333333 none repeat scroll 0 0;
  987. border-radius: 1px;
  988. }
  989.  
  990. .ipsMenu_item > a, .ipsMenu_item > span {
  991. color: #888888;
  992. display: block;
  993. overflow: hidden;
  994. padding: 8px 15px;
  995. text-overflow: ellipsis;
  996. white-space: nowrap;
  997. }
  998.  
  999. .ipsMenu_sep {
  1000. border-top: 1px solid #2F2F2F;
  1001. margin: 4px;
  1002. }
  1003.  
  1004. /*Menu Arrow*/
  1005. .ipsMenu.ipsMenu_bottomRight::after {
  1006. border-color: transparent transparent #333333;
  1007. bottom: 100%;
  1008. right: 10px;
  1009. }
  1010.  
  1011. /*Menu Arrow Border*/
  1012. .ipsMenu.ipsMenu_bottomRight::before {
  1013. border-color: transparent transparent #333333;
  1014. bottom: 100%;
  1015. right: 9px;
  1016. }
  1017.  
  1018. .ipsSideMenu_itemActive a, a.ipsSideMenu_itemActive, .ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ a, .ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ a {
  1019. background: #333333 none repeat scroll 0 0;
  1020. color: #fff;
  1021. }
  1022.  
  1023. .ipsSideMenu_item:not(.ipsSideMenu_itemActive) a:hover, a.ipsSideMenu_item:hover:not(.ipsSideMenu_itemActive) {
  1024. background: #222222 none repeat scroll 0 0;
  1025. color: #888888;
  1026. }
  1027.  
  1028. /*Top Bar Mobiles*/
  1029. #elMobileNav {
  1030. background: #1C1C1C none repeat scroll 0 0;
  1031. }
  1032.  
  1033. /*Moderator Rank Colour*/
  1034. .moderator {
  1035. color: #1a7fcc;
  1036. }
  1037.  
  1038. /*Project Manager Rank Colour*/
  1039. .projectmanager {
  1040. color: #7844ba;
  1041. }
  1042.  
  1043. /*Veteran Driver Rank Colour*/
  1044. .veterandriver {
  1045. color: #5e798e;
  1046. }
  1047.  
  1048. /*SCS Software Rank Colour*/
  1049. .scssoft {
  1050. color: #FFF;
  1051. }
  1052.  
  1053. /*Online Status Orb*/
  1054. .ipsOnlineStatus, .ipsOnlineStatus_online {
  1055. color: #72C02C;
  1056. }
  1057.  
  1058. /*Pin Icon*/
  1059. .ipsBadge_positive, .ipsBadge_style4 {
  1060. background: #72C02C none repeat scroll 0 0;
  1061. }
  1062.  
  1063. /*Tag Icon*/
  1064. .ipsTag_prefix {
  1065. background: #E47D30 none repeat scroll 0 0;
  1066. color: #fff !important;
  1067. }
  1068.  
  1069. /*Tag Icon (left)*/
  1070. html[dir="ltr"] .ipsTag_prefix::before {
  1071. border-color: transparent #E47D30 transparent transparent;
  1072. }
  1073.  
  1074. /*Tag Icon In Topic*/
  1075. .ipsTags .ipsTag, .ipsTag_prefix {
  1076. background: #E47D30 none repeat scroll 0 0;
  1077. border-radius: 0 2px 2px 0;
  1078. color: #fff !important;
  1079. display: block;
  1080. font-size: 10px;
  1081. height: 16px;
  1082. letter-spacing: 0;
  1083. line-height: 15px;
  1084. margin: 0 3px 0 8px;
  1085. padding: 0 7px;
  1086. position: relative;
  1087. vertical-align: middle;
  1088. }
  1089.  
  1090. /*Tag Icon (left) In Topic*/
  1091. html[dir="ltr"] .ipsTags .ipsTag::before, html[dir="ltr"] .ipsTag_prefix::before {
  1092. border-color: transparent #E47D30 transparent transparent;
  1093. right: 100%;
  1094. }
  1095.  
  1096. /*Tag Icon Remove*/
  1097. .ipsTag_remove {
  1098. background: #E47D30 none repeat scroll 0 0;
  1099. color: #fff;
  1100. display: block;
  1101. font-size: 11px;
  1102. height: 16px;
  1103. line-height: 14px;
  1104. position: absolute;
  1105. text-align: center;
  1106. top: 0;
  1107. transition: all 0.1s linear 0s;
  1108. width: 16px;
  1109. }
  1110.  
  1111. .ipsTag_remove:hover {
  1112. background: #B76426 none repeat scroll 0 0;
  1113. color: #fff;
  1114. }
  1115.  
  1116. html[dir="ltr"] .ipsTags .ipsTag:hover::before {
  1117. border-color: transparent #E68740 transparent transparent;
  1118. }
  1119.  
  1120. .ipsTags .ipsTag:hover {
  1121. background: #E68740 none repeat scroll 0 0;
  1122. }
  1123.  
  1124. .cToken {
  1125. background: #5490c0 none repeat scroll 0 0;
  1126. border-radius: 1px;
  1127. color: #fff;
  1128. cursor: pointer;
  1129. display: inline-block;
  1130. font-size: 13px;
  1131. height: 22px;
  1132. line-height: 22px;
  1133. margin: 1px 5px 1px 0 !important;
  1134. max-width: 100%;
  1135. overflow: hidden;
  1136. padding: 0 10px;
  1137. }
  1138.  
  1139. /*Toggle Button On*/
  1140. .ipsToggle.ipsToggle_on {
  1141. background: #72C02C none repeat scroll 0 0;
  1142. }
  1143.  
  1144. /*AreaBackground Positive*/
  1145. .ipsAreaBackground_positive {
  1146. background: #72C02C none repeat scroll 0 0;
  1147. color: #fff;
  1148. }
  1149.  
  1150. .ipsTable.ipsMatrix thead th {
  1151. background: #1C1C1C repeat scroll 0 0;
  1152. color: #fff;
  1153. text-align: center;
  1154. }
  1155.  
  1156. .ipsTable.ipsMatrix .ipsMatrix_subHeader {
  1157. background: #282828 none repeat scroll 0 0;
  1158. color: #FFF;
  1159. font-size: 16px;
  1160. font-weight: normal;
  1161. padding: 15px;
  1162. }
  1163.  
  1164. /*Positive Ip Arrow*/
  1165. .ipsType_success, .ipsType_positive {
  1166. color: #72C02C;
  1167. }
  1168.  
  1169. .ipsModerated {
  1170. background-color: #4F1E1E;
  1171. color: #FFF;
  1172. }
  1173.  
  1174. .ipsModerated a {
  1175. color: #FFF;
  1176. }
  1177.  
  1178. .ipsModerated .ipsType_light {
  1179. color: #FF0000;
  1180. }
  1181.  
  1182. .cPost.ipsModerated, .cPost.ipsModerated .cAuthorPane {
  1183. background: #4F1E1E none repeat scroll 0 0;
  1184. border-color: #222222;
  1185. }
  1186.  
  1187. .ipsStreamItem.ipsModerated .ipsStreamItem_contentType {
  1188. background: #454545 none repeat scroll 0 0;
  1189. }
  1190.  
  1191. .ipsEmoticons_item[data-emoticon]:hover {
  1192. background: #333333 none repeat scroll 0 0;
  1193. cursor: pointer;
  1194. }
  1195.  
  1196. .ipsComment.ipsModerated {
  1197. background: #4F1E1E none repeat scroll 0 0;
  1198. }
  1199.  
  1200. .ipsComment.ipsModerated .ipsComment_header {
  1201. background: #4F1E1E none repeat scroll 0 0;
  1202. }
  1203.  
  1204. .ipsDataItem_unread .ipsDataItem_title {
  1205. font-weight: bold;
  1206. color: #CACACA;
  1207. }
  1208.  
  1209. .ipsBadge_warning, .ipsBadge_style3 {
  1210. background: #72C02C none repeat scroll 0 0;
  1211. }
  1212.  
  1213. .ipsSideMenu_title {
  1214. color: #FFF;
  1215. font-weight: bold;
  1216. margin: 0 0 5px;
  1217. padding-bottom: 5px;
  1218. text-transform: uppercase;
  1219. }
  1220.  
  1221. .ipsSideMenu_item a, a.ipsSideMenu_item {
  1222. color: inherit;
  1223. cursor: pointer;
  1224. background-color: #222222;
  1225. border: solid #303030;
  1226. border-width: 1px 1px 1px 1px;
  1227. display: block;
  1228. margin-bottom: -1px;
  1229. padding: 8px 10px;
  1230. position: relative;
  1231. }
  1232.  
  1233. .ipsSideMenu_itemActive a, a.ipsSideMenu_itemActive, .ipsSideMenu_withChecks .ipsSideMenu_item > input[type="checkbox"]:checked ~ a, .ipsSideMenu_withRadios .ipsSideMenu_item > input[type="radio"]:checked ~ a {
  1234. background-color: #292929;
  1235. border-color: #DDDDDD;
  1236. color: #CCCCCC;
  1237. margin: 1px;
  1238. }
  1239.  
  1240. .ipsAlert {
  1241. background: #252525 none repeat scroll 0 0;
  1242. border-radius: 1px;
  1243. box-shadow: 0 5px 55px rgba(0, 0, 0, 0.4);
  1244. padding: 30px;
  1245. position: fixed;
  1246. top: 100px;
  1247. width: 480px;
  1248. }
  1249.  
  1250. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem::after {
  1251. border-color: transparent #333333 transparent transparent;
  1252. left: -22px;
  1253. }
  1254.  
  1255. html[dir="ltr"] .ipsStream_withTimeline .ipsStreamItem.ipsStreamItem_contentBlock::before {
  1256. border-color: transparent #333333 transparent transparent;
  1257. left: -24px;
  1258. }
  1259.  
  1260. .cStreamFilter {
  1261. background: #333333 repeat scroll 0 0;
  1262. border: 1px solid rgba(0, 0, 0, 0.1);
  1263. box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  1264. padding: 5px;
  1265. position: relative;
  1266. }
  1267.  
  1268. .cStreamFilter h3 {
  1269. color: #CCCCCC;
  1270. font-size: 13px;
  1271. }
  1272.  
  1273. .cStreamFilter a {
  1274. color: #FFF;
  1275. }
  1276.  
  1277. .cStreamFilter > li > a.cStreamFilter_active {
  1278. background: #282828 none repeat scroll 0 0;
  1279. color: #fff;
  1280. margin: -5px 0;
  1281. padding: 5px 7px;
  1282. }
  1283.  
  1284. .ipsStreamItem.ipsStreamItem_contentBlock {
  1285. border: 1px solid #333333;
  1286. padding: 10px;
  1287. }
  1288.  
  1289. .ipsApp .ipsButton_important {
  1290. background: #72C02C none repeat scroll 0 0;
  1291. color: #ffffff ;
  1292. border-radius: 0px;
  1293. }
  1294.  
  1295. #ipsLayout_sidebar
  1296. @media screen and (max-width: 979px){
  1297. background: #252525 ;
  1298. padding: 25px 10px 10px 10px;
  1299. margin-left: 5px;
  1300. max-width: 100%!important;
  1301. min-width: 0!important;
  1302. display: block;
  1303. overflow: visible;
  1304. }
  1305.  
  1306. #ipsLayout_sidebar {
  1307. background-color: #252525 ;
  1308. }
  1309.  
  1310. .ipsDialog .ipsDialog_loading {
  1311. background-color: #242424;
  1312. height: 200px;
  1313. }
  1314.  
  1315. .ipsSideMenu_title {
  1316. text-transform: uppercase;
  1317. font-weight: bold;
  1318. margin: 0 0 5px 0;
  1319. padding-bottom: 5px;
  1320. color: #e0d1d1 ;
  1321. }
  1322.  
  1323. .ipsApp .ipsButton_alternate {
  1324. background: #72C02C none repeat scroll 0 0;
  1325. border-radius: 1px;
  1326. color: #ffffff;
  1327. }
  1328.  
  1329. .ipsAreaBackground_light .ipsButtonRow li > a:not(.ipsButtonRow_active), .ipsAreaBackground_light .ipsButtonRow li > button:not(.ipsButtonRow_active), .ipsAreaBackground_light .ipsButtonRow li > span:not(.ipsButtonRow_active) {
  1330. background: #333333 none repeat scroll 0 0;
  1331. }
  1332.  
  1333. .ipsButtonRow li > a.ipsButtonRow_active, .ipsButtonRow li > button.ipsButtonRow_active {
  1334. background: #282828 none repeat scroll 0 0;
  1335. border-color: #323232;
  1336. color: #fff;
  1337. text-shadow: none;
  1338. }
  1339.  
  1340. .ipsButtonRow li > a, .ipsButtonRow li > button, .ipsButtonRow li > span {
  1341. background: #f0f0f0 none repeat scroll 0 0;
  1342. border: 0 none;
  1343. color: #FFF;
  1344. display: block;
  1345. font-size: 10px;
  1346. font-weight: 500;
  1347. line-height: 26px;
  1348. padding: 0 10px;
  1349. position: relative;
  1350. text-transform: uppercase;
  1351. }
  1352.  
  1353. .cStreamForm_list li a.ipsSideMenu_item.ipsSideMenu_itemActive + .cStreamForm_menu, .cStreamForm_list li a.ipsSideMenu_item:hover:not(.ipsSideMenu_itemActive) + .cStreamForm_menu {
  1354. background: #222222 none repeat scroll 0 0;
  1355. display: block;
  1356. }
  1357.  
  1358. .cMessage_active {
  1359. background: #333333 none repeat scroll 0 0 !important;
  1360. position: relative;
  1361. }
  1362.  
  1363. html[dir="ltr"] .cMessage_members > ol > li {
  1364. border-right: 2px solid #1C1C1C;
  1365. margin: 7px 15px 7px 0;
  1366. padding-right: 15px;
  1367. }
  1368.  
  1369. .ipsApp .ipsButton_light {
  1370. background: #E47D30 none repeat scroll 0 0;
  1371. border-color: rgba(0, 0, 0, 0.03);
  1372. border-radius: 1px;
  1373. color: #FFF;
  1374. }
  1375.  
  1376. .ipsComment {
  1377. background: #222222 none repeat scroll 0 0;
  1378. margin-bottom: 15px;
  1379. padding: 0;
  1380. position: relative;
  1381. }
  1382.  
  1383. html[dir="ltr"] .ipsStreamItem_bar hr.ipsHr {
  1384. border-color: #72C02C;
  1385. margin-left: 25px;
  1386. }
  1387.  
  1388. .ipsSelectTree {
  1389. background: #1D1D1D;
  1390. border: 1px solid #333333;
  1391. border-radius: 1px;
  1392. cursor: pointer;
  1393. margin-bottom: 5px;
  1394. max-width: 350px;
  1395. min-height: 32px;
  1396. padding: 7px 25px 5px 7px;
  1397. position: relative;
  1398. width: 100%;
  1399. }
  1400.  
  1401. .ipsSelectTree_nodes {
  1402. background: #242424;
  1403. border-bottom-left-radius: 1px;
  1404. border-bottom-right-radius: 1px;
  1405. border-color: #333333;
  1406. border-image: none;
  1407. border-style: none solid solid;
  1408. border-width: 0 1px 1px;
  1409. margin: -4px 0 0 -1px;
  1410. max-width: 500px;
  1411. padding: 7px;
  1412. position: absolute;
  1413. top: 100%;
  1414. }
  1415.  
  1416. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item:hover:not(.ipsSelectTree_itemDisabled) {
  1417. background: #333333 none repeat scroll 0 0;
  1418. }
  1419.  
  1420. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item.ipsSelectTree_withChildren {
  1421. background: #242424 none repeat scroll 0 0;
  1422. padding: 7px 4px;
  1423. }
  1424.  
  1425. .ipsSelectTree_nodes [data-role="nodeList"] li .ipsSelectTree_item {
  1426. background: #242424;
  1427. padding: 7px 25px 7px 22px;
  1428. }
  1429.  
  1430. .ipsSelectTree_nodes [data-role="nodeList"] li {
  1431. border-bottom: 1px solid #333333;
  1432. position: relative;
  1433. }
  1434.  
  1435. .ipsMenu.ipsMenu_topCenter::before {
  1436. border-color: #333333 transparent transparent;
  1437. left: 50%;
  1438. margin-left: -16px;
  1439. top: 100%;
  1440. }
  1441.  
  1442. .ipsMenu.ipsMenu_topCenter::after {
  1443. border-color: #333333 transparent transparent;
  1444. left: 50%;
  1445. margin-left: -15px;
  1446. top: 100%;
  1447. }
  1448.  
  1449. .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_main, .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_stats, .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_lastPoster, .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem_generic {
  1450. background-color: #222222;
  1451. display: table-cell;
  1452. color: #888888;
  1453. vertical-align: top;
  1454. }
  1455.  
  1456. .fa-caret-down::before {
  1457. color: #999999;
  1458. content: "";
  1459. }
  1460.  
  1461. .ipsTabs.ipsTabs_contained {
  1462. border-color: #333333 #333333 transparent;
  1463. border-style: solid;
  1464. border-width: 0 1px;
  1465. padding: 0;
  1466. }
  1467.  
  1468. .ipsTabs_panels.ipsTabs_contained {
  1469. border-color: #333333 #333333;
  1470. border-style: none solid solid;
  1471. border-width: 0 1px 1px;
  1472. }
  1473.  
  1474. .ipsPagination.ipsPagination_mini a {
  1475. background: #343434 none repeat scroll 0 0;
  1476. border-radius: 1px;
  1477. color: #fff;
  1478. padding: 0 4px;
  1479. }
  1480.  
  1481. .ipsPagination:not(.ipsPagination_mini) .ipsPagination_page a, .ipsPagination:not(.ipsPagination_mini) .ipsPagination_next a, .ipsPagination:not(.ipsPagination_mini) .ipsPagination_prev a, .ipsPagination:not(.ipsPagination_mini) .ipsPagination_first a, .ipsPagination:not(.ipsPagination_mini) .ipsPagination_last a {
  1482. background: #f0f0f0 none repeat scroll 0 0;
  1483. border-radius: 1px;
  1484. color: #414141;
  1485. font-weight: bold;
  1486. padding: 0 10px;
  1487. text-align: center;
  1488. text-decoration: none;
  1489. vertical-align: middle;
  1490. }
  1491.  
  1492. .ipsApp .ipsDataItem_selected {
  1493. background-color: #333333;
  1494. }
  1495.  
  1496. .ipsStream .ipsStreamItem_contentType {
  1497. background: #72C02C none repeat scroll 0 0;
  1498. border: 2px solid #4d4d4d;
  1499. border-radius: 30px;
  1500. display: block;
  1501. font-size: 15px;
  1502. height: 30px;
  1503. line-height: 25px;
  1504. position: absolute;
  1505. text-align: center;
  1506. width: 30px;
  1507. z-index: 500;
  1508. }
  1509.  
  1510. .fa-comment {
  1511. color: #FFF;
  1512. }
  1513.  
  1514. .fa-comments {
  1515. color: #FFF;
  1516. }
  1517.  
  1518. .fa-user {
  1519. color: #FFF;
  1520. }
  1521.  
  1522. .fa-file-text {
  1523. color: #FFF;
  1524. }
  1525.  
  1526. .cke_editable {
  1527. background-color: #222222 !important;
  1528. }
  1529.  
  1530. .cke_wysiwyg_frame {
  1531. background-color: #222222 !important;
  1532. }
  1533.  
  1534. .cke_wysiwyg_div {
  1535. background-color: #222222 !important;
  1536. }
  1537.  
  1538. .cke_contents {
  1539. background-color: #222222 !important;
  1540. }
  1541.  
  1542. mark {
  1543. background: #E27C39 none repeat scroll 0 0;
  1544. color: #FFF !important;
  1545. display: inline-block;
  1546. font-weight: bold !important;
  1547. padding: 0 5px;
  1548. }
  1549.  
  1550. html[dir="ltr"] .ipsSelectTree_nodes [data-role="nodeList"] li [data-role="childWrapper"] {
  1551. background-color: #303030;
  1552. border-left: 1px dotted rgba(0, 0, 0, 0.2);
  1553. margin-left: 15px;
  1554. }
  1555.  
  1556. .ipsSelectTree_nodes [data-role="nodeList"] {
  1557. background: #303030 none repeat scroll 0 0;
  1558. border: 1px solid rgba(0, 0, 0, 0.1);
  1559. max-height: 300px;
  1560. overflow: auto;
  1561. }
  1562.  
  1563. .ipsAutocompleteMenu {
  1564. background: #242424 none repeat scroll 0 0;
  1565. border-radius: 1px;
  1566. box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  1567. max-height: 200px;
  1568. overflow: auto;
  1569. position: absolute;
  1570. z-index: 10000;
  1571. }
  1572.  
  1573. .ipsAutocompleteMenu_item[data-selected] {
  1574. background: #333333 none repeat scroll 0 0;
  1575. cursor: pointer;
  1576. }
  1577.  
  1578. .cRatingColumn_on {
  1579. background: #1D1D1D none repeat scroll 0 0;
  1580. }
  1581.  
  1582. .cBestAnswerIndicator {
  1583. background: #7DC53D none repeat scroll 0 0;
  1584. border-radius: 36px;
  1585. color: #fff;
  1586. display: inline-block;
  1587. font-size: 22px;
  1588. height: 36px;
  1589. line-height: 36px;
  1590. margin-bottom: 5px;
  1591. position: relative;
  1592. text-align: center;
  1593. width: 36px;
  1594. }
  1595.  
  1596. .cBestAnswerIndicator_off:hover {
  1597. background: #6DAD34 none repeat scroll 0 0;
  1598. color: #fff;
  1599. }
  1600.  
  1601. .cAuthorPane_author {
  1602. display: block;
  1603. hyphens: initial;
  1604. line-height: 1.2;
  1605. margin-bottom: 3px;
  1606. overflow: hidden;
  1607. overflow-wrap: initial;
  1608. text-overflow: ellipsis;
  1609. }
  1610.  
  1611. .ipsFieldRow_section {
  1612. background: #202020 none repeat scroll 0 0;
  1613. color: #CCCCCC;
  1614. font-size: 16px;
  1615. padding: 15px;
  1616. }
  1617.  
  1618. .ipsApp select:not([multiple]) {
  1619. background-color: #202020;
  1620. background-image: url("https://forum.truckersmp.com/uploads/set_resources_1/84c1e40ea0e759e3f1505eb1788ddf3c_select_dropdown.png");
  1621. background-position: right center;
  1622. background-repeat: no-repeat, repeat;
  1623. background-size: 18px 9px, 100% 100%;
  1624. border-color: #303030;
  1625. border-radius: 1px;
  1626. cursor: pointer;
  1627. height: 33px;
  1628. line-height: 1.4;
  1629. padding: 7px 30px 7px 7px;
  1630. text-indent: 0.01px;
  1631. text-overflow: "";
  1632. }
  1633.  
  1634. .ipsApp select:not([multiple]):focus {
  1635. border-color: #555555;
  1636. transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  1637. }
  1638.  
  1639. .ipsApp select {
  1640. background: #202020 none repeat scroll 0 0;
  1641. border: 1px solid #303030;
  1642. border-radius: 3px;
  1643. font-size: 13px !important;
  1644. padding: 4px;
  1645. position: relative;
  1646. }
  1647.  
  1648. a.ipsType_sectionTitle, .ipsType_sectionTitle a {
  1649. color: #CCCCCC;
  1650. }
  1651.  
  1652. .ipsSideMenu.ipsSideMenu_open, .ipsSideMenu:target {
  1653. background: #333333 none repeat scroll 0 0;
  1654. width: 100%;
  1655. z-index: 4000;
  1656. }
  1657.  
  1658. .ipsSideMenu.ipsSideMenu_open .ipsSideMenu_mainTitle a, .ipsSideMenu:target .ipsSideMenu_mainTitle a {
  1659. background-color: #1C1C1C;
  1660. color: #CCCCCC;
  1661. }
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!