API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 29th, 2020
101
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.84 KB | None | 0 0
raw download clone embed print report
  1. @import "~src/theme";
  2. @import "~src/assets/sass/controls";
  3.  
  4. /* You can add global styles to this file, and also import other style files */
  5.  
  6. html, body {
  7. height: 100%;
  8. }
  9.  
  10. body {
  11. margin: 0;
  12. }
  13.  
  14. body,
  15. .ui-breadcrumb,
  16. .mat-tab-label,
  17. .mat-expansion-panel-header,
  18. .mat-expansion-panel-content,
  19. .mat-button,
  20. .mat-raised-button,
  21. .mat-icon-button,
  22. .mat-tab-group,
  23. .mat-stroked-button,
  24. .mat-flat-button,
  25. .mat-fab,
  26. .mat-mini-fab {
  27. font-family: $lyntia_font_family_primary;
  28. font-size: $lyntia_font_size_primary;
  29. }
  30.  
  31. .ui-breadcrumb {
  32. border: none !important;
  33. padding: 0 !important;
  34. }
  35.  
  36. .ui-breadcrumb-chevron.pi {
  37. font-size: 10px;
  38. }
  39.  
  40. a:hover {
  41. color: $lyntia_color_secondary !important;
  42. }
  43.  
  44. ::selection {
  45. background: $lyntia_color_secondary;
  46. }
  47.  
  48.  
  49. .form-item-detail {
  50. .mat-select-disabled .mat-select-value,
  51. .mat-input-element:disabled,
  52. .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label,
  53. .mat-select-disabled,
  54. ::placeholder {
  55. color: $lyntia_color_input_disabled !important;
  56. }
  57.  
  58. .mat-form-field-label,
  59. .mat-input-element,
  60. .mat-form-field-outline {
  61. color: $lyntia_color_input_enabled !important;
  62. }
  63.  
  64. .mat-form-field-outline-start {
  65. border-left: 1px solid $lyntia_color_input_enabled !important;
  66. border-top: 1px solid $lyntia_color_input_enabled !important;
  67. border-bottom: 1px solid $lyntia_color_input_enabled !important;
  68. }
  69.  
  70. .mat-select-value-text,
  71. .mat-select-arrow,
  72. .mat-form-field-outline {
  73. color: $lyntia_color_input_enabled !important;
  74. }
  75.  
  76. .mat-form-field-outline-end{
  77. border-right: 1px solid $lyntia_color_input_enabled !important;
  78. border-top: 1px solid $lyntia_color_input_enabled !important;
  79. border-bottom: 1px solid $lyntia_color_input_enabled !important;
  80. }
  81.  
  82. .mat-form-field-outline-gap {
  83. border-bottom: 1px solid $lyntia_color_input_enabled !important;
  84. }
  85.  
  86. .mat-form-field-disabled {
  87. .mat-form-field-outline-start {
  88. border-left: 1px solid $lyntia_color_input_disabled !important;
  89. border-top: 1px solid $lyntia_color_input_disabled !important;
  90. border-bottom: 1px solid $lyntia_color_input_disabled !important;
  91. }
  92.  
  93. .mat-select-value-text,
  94. .mat-select-arrow,
  95. .mat-form-field-outline {
  96. color: $lyntia_color_input_disabled !important;
  97. }
  98.  
  99. .mat-form-field-outline-end{
  100. border-right: 1px solid $lyntia_color_input_disabled !important;
  101. border-top: 1px solid $lyntia_color_input_disabled !important;
  102. border-bottom: 1px solid $lyntia_color_input_disabled !important;
  103. }
  104.  
  105. .mat-form-field-outline-gap {
  106. border-bottom: 1px solid $lyntia_color_input_disabled !important;
  107. }
  108.  
  109. }
  110. }
  111.  
  112.  
  113. .tab-mat-spinner{
  114. position: relative;
  115. display: inline-flex;
  116. margin: 0;
  117. margin-top: 20px;
  118. margin-bottom: 20px;
  119. top: 0 !important;
  120. height: 50px !important;
  121. width: 50px !important;
  122. color: $lyntia_color_secondary !important;
  123.  
  124. svg {
  125. width: 50px !important;
  126. height: 50px !important;
  127. }
  128. }
  129.  
  130. textarea {
  131. /*resize: none !important;*/
  132. }
  133.  
  134. .cdk-focused,
  135. .cdk-mouse-focused {
  136. border: none !important;
  137.  
  138. &:hover,
  139. &:active,
  140. &:focus {
  141. border: none !important;
  142. }
  143. }
  144.  
  145. .mat-button-primary {
  146. @extend %btn-primary-blue;
  147.  
  148. &:hover {
  149. color: $lyntia_color_secondary;
  150. }
  151. }
  152.  
  153. .mat-expansion-panel-body {
  154. padding: 0 24px 12px !important;
  155. }
  156.  
  157. .mat-button-secondary {
  158. @extend %btn-secondary;
  159. }
  160.  
  161. .mat-raised-button {
  162. min-width: auto !important;
  163. }
  164.  
  165. .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  166. color: $lyntia_black
  167. }
  168.  
  169. .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  170. color: rgba(53, 14, 94, 0.8);
  171. }
  172.  
  173. .mat-expansion-panel {
  174. box-shadow: none !important;
  175. border: 1px solid $lyntia_gray !important;
  176. padding: 0 !important;
  177. border-radius: 0;
  178. }
  179.  
  180. .mat-expansion-panel-header {
  181. background-color: rgb(236, 235, 235) !important;
  182. border-radius: 0 !important;
  183. }
  184.  
  185. .mat-sort-header-indicator,
  186. .mat-sort-header-stem {
  187. color: $lyntia_white;
  188. }
  189.  
  190. .mat-menu-content {
  191. background-color: $lyntia_color_primary;
  192.  
  193. .mat-menu-item {
  194. color: $lyntia_white;
  195. border: none;
  196.  
  197. &:hover,
  198. &:active,
  199. &:focus {
  200. border: none;
  201. }
  202.  
  203. &:hover {
  204. color: $lyntia_color_secondary !important;
  205. }
  206. }
  207. }
  208.  
  209. .mat-select-arrow {
  210. color: $lyntia_color_primary;
  211. }
  212.  
  213. body::placeholder {
  214. color: $lyntia_color_secondary !important;
  215. }
  216.  
  217. .mat-car-general {
  218. .mat-car-general-info {
  219. margin-top: -28px;
  220. margin-left: -3px;
  221. }
  222.  
  223. .ig-value-label {
  224. margin-left: 1%;
  225. }
  226.  
  227. .ig-value-label-desc {
  228. margin-left: 1%;
  229. }
  230.  
  231. .ig-title-row {
  232. margin-bottom: 1%;
  233. }
  234.  
  235. .ig-row-margin-bottom {
  236. margin-bottom: 0.5em;
  237. }
  238.  
  239. .ig-map-icon {
  240. margin-left: 2%;
  241. }
  242.  
  243. .ig-eye-icon {
  244. margin-left: 1%;
  245. }
  246.  
  247. .ig-icon-column {
  248. display: flex;
  249. }
  250. }
  251.  
  252. .er-btn-save {
  253. background-color: $lyntia_color_secondary !important;
  254. }
  255.  
  256. .mat-toolbar {
  257. box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0px rgba(0, 0, 0, 0.14), 0 1px 5px 0px rgba(0, 0, 0, 0.12);
  258. }
  259.  
  260. .login .mat-card,
  261. .mat-tab-group,
  262. .mat-tabs-container {
  263. border-color: $lyntia_color_secondary;
  264. border-width: 1px;
  265. border-style: solid;
  266. box-shadow: 0 2px 1px -1px $lyntia_color_secondary, 0px 1px 1px 0px $lyntia_color_secondary, 0px 1px 3px 0px $lyntia_color_secondary;
  267.  
  268. .title-row-card {
  269. margin-top: -12px;
  270. margin-left: 10px;
  271. }
  272. }
  273.  
  274. .mat-tabs-container {
  275. margin-top: 18px;
  276. }
  277.  
  278. .mat-accordion .mat-expansion-panel:first-of-type,
  279. .mat-accordion .mat-expansion-panel:last-of-type {
  280. border-top-right-radius: 0 !important;
  281. border-top-left-radius: 0 !important;
  282. border-bottom-right-radius: 0 !important;
  283. border-bottom-left-radius: 0 !important;
  284. }
  285.  
  286. .mat-sort-header-container {
  287. display: flex;
  288. justify-content: center;
  289. }
  290.  
  291. .mat-container-list {
  292. justify-content: center;
  293. align-items: center;
  294. width: 100%;
  295. max-height: 500px;
  296. overflow: auto;
  297. padding: 0;
  298. margin: 0;
  299. border: none;
  300. padding-top: 14px;
  301. .mat-table {
  302. width: 100%;
  303. max-height: 500px
  304. }
  305. }
  306.  
  307. .mat-spinner {
  308. position: absolute;
  309. top: 50%;
  310. left: 45%;
  311. transform: translate(-50%, -50%);
  312. }
  313.  
  314. .mat-tab-header {
  315. border: none;
  316. background-color: $lyntia_color_tertiary !important;
  317. }
  318.  
  319. .mat-tab-list {
  320. .mat-tab-label-active {
  321. background-color: $lyntia_color_secondary !important;
  322.  
  323. .mat-tab-label-content {
  324. color: $lyntia_white !important;
  325. }
  326. }
  327.  
  328. .mat-tab-label {
  329. background-color: $lyntia_color_tertiary;
  330.  
  331. .mat-tab-label-content {
  332. color: $lyntia_color_primary;
  333. }
  334. }
  335. }
  336.  
  337. .mat-divider-vertical {
  338. height: 100%;
  339. width: 1px;
  340.  
  341. }
  342.  
  343. .mat-divider-vertical-center {
  344. margin-left: auto !important;
  345. margin-right: auto !important;
  346. }
  347.  
  348. .border-none {
  349. border: none !important;
  350. }
  351.  
  352. .fa-icon,
  353. .mat-icon {
  354. cursor: pointer;
  355. }
  356.  
  357. .tab-detail {
  358. margin: 0 0 0 0;
  359. padding: 0 0 0 0;
  360.  
  361. .row {
  362. padding-top: 4px !important;
  363. padding-bottom: 4px !important;
  364. margin: 0 0 0 0;
  365. }
  366. }
  367.  
  368. .container-top {
  369. margin-top: 40px;
  370.  
  371. .section-title {
  372. .title {
  373. padding: 0;
  374. margin: 0;
  375. display: inline-block;
  376. }
  377.  
  378. margin-bottom: 8px;
  379. border: none;
  380. }
  381. }
  382.  
  383. // Sizing
  384. .w-25 {
  385. width: 25%;
  386. }
  387.  
  388. .w-50 {
  389. width: 50%;
  390. }
  391.  
  392. .w-75 {
  393. width: 75%;
  394. }
  395.  
  396. .w-100 {
  397. width: 100%;
  398. }
  399.  
  400. // Float
  401. .float-left {
  402. float: left;
  403. }
  404.  
  405. .float-right {
  406. float: right;
  407. }
  408.  
  409. .float-none {
  410. float: none;
  411. }
  412.  
  413. .title-row-card {
  414. padding-top: 0;
  415. position: absolute;
  416. }
  417.  
  418. .title-row-card .title-row-card-info {
  419. background-color: $lyntia_color_secondary;
  420. padding-left: 14px;
  421. padding-right: 14px;
  422. padding-top: 0;
  423. padding-bottom: 0;
  424. color: $lyntia_white;
  425. font-weight: 400;
  426. }
  427.  
  428. button:focus, button:active:focus, button.active:focus {
  429. outline: none !important;
  430. outline-style: none !important;
  431. }
  432.  
  433. .item-visible {
  434. visibility: visible;
  435. }
  436.  
  437. .item-invisible{
  438. visibility: hidden;
  439. }
  440.  
  441. .context-project {
  442.  
  443. .header-context {
  444. background-color: $lyntia_color_secondary;
  445. }
  446.  
  447. .info-context {
  448. background-color: $lyntia_color_primary;
  449. }
  450.  
  451. .header-context,
  452. .col-left,
  453. .col-right{
  454. height: 30px;
  455. }
  456.  
  457. .header-context,
  458. .info-context {
  459. color: $lyntia_white;
  460. cursor: default;
  461. padding: 4px;
  462. .col-left {
  463. float: left;
  464. text-align: left;
  465. }
  466. .col-right {
  467. float: right;
  468. text-align: right;
  469. cursor: pointer;
  470. }
  471. .table {
  472. .td1 {
  473. width: 100%;
  474. padding-right: 10px;
  475. }
  476. }
  477. }
  478. }
  479.  
  480. .content-region {
  481. .row-header {
  482. background-color: #ac609e;
  483. .col {
  484. padding-top: 6px;
  485. padding-bottom: 6px;
  486. color: #fff;
  487. font-weight: bold;
  488. }
  489. }
  490.  
  491. .row {
  492. width: 100%;
  493. padding: 0;
  494. margin: 0;
  495. top: 0;
  496. }
  497.  
  498. .col-value {
  499. font-weight: bold;
  500. }
  501.  
  502. .t {
  503. display: table;
  504. padding-top: 10px;
  505. padding-bottom: 10px;
  506.  
  507. .c {
  508. display: table-cell;
  509. line-height: 18px;
  510. vertical-align: middle;
  511. height: 40px;
  512. }
  513. }
  514. }
  515.  
  516. .lbl-project {
  517. background-color: $lyntia_color_primary;
  518. color: $lyntia_yellow;
  519. font-size: 11px;
  520. font-weight: bold;
  521. }
  522.  
  523. .lbl-info {
  524. height: 30px;
  525. .lbl-ec,
  526. .lbl-cluster {
  527. background-color: $lyntia_cluster;
  528. font-size: 11px;
  529. font-weight: bold;
  530. }
  531.  
  532. }
  533.  
  534. .lbl-project,
  535. .lbl-activity,
  536. .lbl-info .lbl-ec,
  537. .lbl-info .lbl-cluster {
  538. padding-top: 1px;
  539. padding-bottom: 1px;
  540. padding-left: 4px;
  541. padding-right: 4px;
  542. }
  543.  
  544. .col-vline {
  545. border-right: 1px solid #fff;
  546. }
  547. .content-region .col-value {
  548. font-weight: bold;
  549. font-size: 25px;
  550. }
  551.  
  552. .lbl-activity {
  553. background-color: #ffbd19;
  554. }
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!