anoopmb
/
frappe
1
0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
1519 Revīzijas
1 Atzars
314 MiB
 
 
 
 
 
 
Koks: f486cad30c
Atzari Tagi
${ item.name }
Izveidot atzaru ${ searchTerm }
no 'f486cad30c'
${ noResults }
frappe/public/js/lib/jQuery.Gantt/css/style.css

426 rindas
8.8 KiB
Neapstrādāts Vainot Vēsture 

  1. .gantt, .gantt2 {

  2.     width: 100%;

  3.     margin: 20px auto;

  4.     border: 14px solid #ddd;

  5.         -webkit-border-radius: 6px;

  6.         -moz-border-radius: 6px;

  7.         border-radius: 6px;

  8.             -webkit-box-sizing: border-box;

  9.             -moz-box-sizing: border-box;

  10.             box-sizing: border-box;

  11. }

  12. 

  13. .gantt:after {

  14.     content: ".";

  15.     visibility: hidden;

  16.     display: block;

  17.     height: 0;

  18.     clear: both;

  19. }

  20. 

  21. .fn-gantt {

  22.     width: 100%;

  23. }

  24. 

  25. .fn-gantt .fn-content {

  26.     overflow: hidden;

  27.     position: relative;

  28.     width: 100%;

  29. }

  30. 

  31. 

  32. 

  33. 

  34. /* === LEFT PANEL === */

  35. 

  36. .fn-gantt .leftPanel {

  37.     float: left;

  38.     width: 225px;

  39.     overflow: hidden;

  40.     border-right: 1px solid #DDD;

  41.     position: relative;

  42.     z-index: 20;

  43. }

  44. 

  45. .fn-gantt .row {

  46.     float: left;

  47.     height: 24px;

  48.     line-height: 24px;

  49.     margin-left: -24px;

  50. }

  51. 

  52. .fn-gantt .leftPanel .fn-label {

  53.     display: inline-block;

  54.     margin: 0 0 0 5px;

  55.     color: #484A4D;

  56.     width: 110px;

  57.     white-space: nowrap;

  58.     text-overflow: ellipsis;

  59.     overflow: hidden;

  60. }

  61. 

  62. .fn-gantt .leftPanel .row0 {

  63.     border-top: 1px solid #DDD;

  64. }

  65. .fn-gantt .leftPanel .name, .fn-gantt .leftPanel .desc {

  66.     float: left;

  67.     height: 23px;

  68.     margin: 0;

  69.     border-bottom: 1px solid #DDD;

  70.     background-color: #f6f6f6;

  71. }

  72. 

  73. .fn-gantt .leftPanel .name {

  74.     width: 110px;

  75.     font-weight: bold;

  76. }

  77. 

  78. .fn-gantt .leftPanel .desc {

  79.     width: 115px;

  80. }

  81. 

  82. .fn-gantt .leftPanel .fn-wide, .fn-gantt .leftPanel .fn-wide .fn-label {

  83.     width: 225px;

  84. }

  85. 

  86. .fn-gantt .spacer {

  87.     margin: -2px 0 1px 0;

  88.     border-bottom: none;

  89.     background-color: #f6f6f6;

  90. }

  91. 

  92. 

  93. 

  94. 

  95. /* === RIGHT PANEL === */

  96. 

  97. .fn-gantt .rightPanel {

  98.     overflow: hidden;

  99. }

  100. 

  101. .fn-gantt .dataPanel {

  102.     margin-left: 0px;

  103.     border-right: 1px solid #DDD;

  104.     background-image: url(lib/js/lib/jQuery.Gantt/img/grid.png);

  105.     background-repeat: repeat;

  106.     background-position: 24px 24px;

  107. }

  108. .fn-gantt .day {

  109.     overflow: visible;

  110.     width: 24px;

  111.     line-height: 24px;

  112.     text-align: center;

  113.     border-left: 1px solid #DDD;

  114.     border-bottom: 1px solid #DDD;

  115.     margin: -1px 0 0 -1px;

  116.     font-size: 11px;

  117.     color: #484a4d;

  118.     text-shadow: 0 1px 0 rgba(255,255,255,0.75);

  119.     text-align: center;

  120. }

  121. 

  122. .fn-gantt .holiday {

  123.     background-color: #ffd263;

  124.     height: 23px;

  125.     margin: 0 0 -1px -1px;

  126. }

  127. 

  128. .fn-gantt .today {

  129.     background-color: #fff8da;

  130.     height: 23px;

  131.     margin: 0 0 -1px -1px;

  132.     font-weight: bold;

  133.     text-align: center;

  134. }

  135. 

  136. .fn-gantt .sa, .fn-gantt .sn, .fn-gantt .wd {

  137.     height: 23px;

  138.     margin: 0 0 0 -1px;

  139.     text-align: center;

  140. }

  141. 

  142. .fn-gantt .sa, .fn-gantt .sn {

  143.     color: #939496;

  144.     background-color: #f5f5f5;

  145.     text-align: center;

  146. }

  147. 

  148. .fn-gantt .wd {

  149.     background-color: #f6f6f6;

  150.     text-align: center;

  151. }

  152. 

  153. .fn-gantt .rightPanel .month, .fn-gantt .rightPanel .year {

  154.     float: left;

  155.     overflow: hidden;

  156.     border-left: 1px solid #DDD;

  157.     border-bottom: 1px solid #DDD;

  158.     height: 23px;

  159.     margin: 0 0 0 -1px;

  160.     background-color: #f6f6f6;

  161.     font-weight: bold;

  162.     font-size: 11px;

  163.     color: #484a4d;

  164.     text-shadow: 0 1px 0 rgba(255,255,255,0.75);

  165.     text-align: center;

  166. }

  167. 

  168. .fn-gantt-hint {

  169.     border: 5px solid #edc332;

  170.     background-color: #fff5d4;

  171.     padding: 10px;

  172.     position: absolute;

  173.     display: none;

  174.     z-index: 11;

  175.         -webkit-border-radius: 4px;

  176.         -moz-border-radius: 4px;

  177.         border-radius: 4px;

  178. }

  179. 

  180. .fn-gantt .bar {

  181.     background-color: #D0E4FD;

  182.     height: 18px;

  183.     margin: 4px 3px 3px 3px;

  184.     position: absolute;

  185.     z-index: 10;

  186.     text-align: center;

  187.         -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;

  188.         -moz-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;

  189.         box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;

  190.             -webkit-border-radius: 3px;

  191.             -moz-border-radius: 3px;

  192.             border-radius: 3px;

  193. }

  194. 

  195. .fn-gantt .bar .fn-label {

  196.     line-height: 18px;

  197.     font-weight: bold;

  198.     white-space: nowrap;

  199.     width: 100%;

  200.     text-overflow: ellipsis;

  201.     overflow: hidden;

  202.     text-shadow: 0 1px 0 rgba(255,255,255,0.4);

  203.     color: #414B57 !important;

  204.     text-align: center;

  205.     font-size: 11px;

  206. }

  207. 

  208. .fn-gantt .ganttRed {

  209.     background-color: #F9C4E1;

  210. }

  211. .fn-gantt .ganttRed .fn-label {

  212.     color: #78436D !important;

  213. }

  214. 

  215. .fn-gantt .ganttGreen {

  216.     background-color: #D8EDA3;

  217. }

  218. .fn-gantt .ganttGreen .fn-label {

  219.     color: #778461 !important;

  220. }

  221. 

  222. .fn-gantt .ganttOrange {

  223.     background-color: #FCD29A;

  224. }

  225. .fn-gantt .ganttOrange .fn-label {

  226.     color: #714715 !important;

  227. }

  228. 

  229. .fn-gantt .ganttGray {

  230.     background-color: #eee;

  231. }

  232. .fn-gantt .ganttGray .fn-label {

  233.     color: #888 !important;

  234. }

  235. 

  236. 

  237. /* === BOTTOM NAVIGATION === */

  238. 

  239. .fn-gantt .bottom {

  240.     clear: both;

  241.     background-color: #f6f6f6;

  242.     width: 100%;

  243. }

  244. .fn-gantt .navigate {

  245.     border-top: 1px solid #DDD;

  246.     padding: 10px 0 10px 225px;

  247. }

  248. 

  249. .fn-gantt .navigate .nav-slider {

  250.     height: 20px;

  251.     display: inline-block;

  252. }

  253. 

  254. .fn-gantt .navigate .nav-slider-left, .fn-gantt .navigate .nav-slider-right {

  255.     text-align: center;

  256.     height: 20px;

  257.     display: inline-block;

  258. }

  259. 

  260. .fn-gantt .navigate .nav-slider-left {

  261.     float: left;

  262. }

  263. 

  264. .fn-gantt .navigate .nav-slider-right {

  265.     float: right;

  266. }

  267. 

  268. .fn-gantt .navigate .nav-slider-content {

  269.     text-align: left;

  270.     width: 160px;

  271.     height: 20px;

  272.     display: inline-block;

  273.     margin: 0 10px;

  274. }

  275. 

  276. .fn-gantt .navigate .nav-slider-bar, .fn-gantt .navigate .nav-slider-button {

  277.     position: absolute;

  278.     display: block;

  279. }

  280. 

  281. .fn-gantt .navigate .nav-slider-bar {

  282.     width: 155px;

  283.     height: 6px;

  284.     background-color: #838688;

  285.     margin: 8px 0 0 0;

  286.         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;

  287.         -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;

  288.         box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;

  289.             -webkit-border-radius: 3px;

  290.             -moz-border-radius: 3px;

  291.             border-radius: 3px;

  292. }

  293. 

  294. .fn-gantt .navigate .nav-slider-button {

  295.     width: 17px;

  296.     height: 60px;

  297.     background: url(lib/js/lib/jQuery.Gantt/img/slider_handle.png) center center no-repeat;

  298.     left: 0px;

  299.     top: 0px;

  300.     margin: -26px 0 0 0;

  301.     cursor: pointer;

  302. }

  303. 

  304. .fn-gantt .navigate .page-number {

  305.     display: inline-block;

  306.     font-size: 10px;

  307.     height: 20px;

  308. }

  309. 

  310. .fn-gantt .navigate .page-number span {

  311.     color: #666666;

  312.     margin: 0 6px;

  313.     height: 20px;

  314.     line-height: 20px;

  315.     display: inline-block;

  316. }

  317. 

  318. .fn-gantt .navigate a:link, .fn-gantt .navigate a:visited, .fn-gantt .navigate a:active {

  319.     text-decoration: none;

  320. }

  321. 

  322. .fn-gantt .nav-link {

  323.     margin: 0 3px 0 0;

  324.     display: inline-block;

  325.     width: 20px;

  326.     height: 20px;

  327.     font-size: 0px;

  328.     background: #595959 url(lib/js/lib/jQuery.Gantt/img/icon_sprite.png) !important;

  329.     border: 1px solid #454546;

  330.     cursor: pointer;

  331.     vertical-align: top;

  332.         -webkit-border-radius: 2px;

  333.         -moz-border-radius: 2px;

  334.         border-radius: 2px;

  335.             -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);

  336.             -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);

  337.             box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);

  338.                 -webkit-box-sizing: border-box;

  339.                 -moz-box-sizing: border-box;

  340.                 box-sizing: border-box;

  341. }

  342. .fn-gantt .nav-link:active {

  343.     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;

  344.     -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;

  345.     box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;

  346. }

  347. 

  348. .fn-gantt .navigate .nav-page-back {

  349.     background-position: 1px 0 !important;

  350.     margin: 0;

  351. }

  352. 

  353. .fn-gantt .navigate .nav-page-next {

  354.     background-position: 1px -16px !important;

  355.     margin-right: 15px;

  356. }

  357. 

  358. .fn-gantt .navigate .nav-slider .nav-page-next {

  359.     margin-right: 5px;

  360. }

  361. 

  362. .fn-gantt .navigate .nav-begin {

  363.     background-position: 1px -112px !important;

  364. }

  365. 

  366. .fn-gantt .navigate .nav-prev-week {

  367.     background-position: 1px -128px !important;

  368. }

  369. 

  370. .fn-gantt .navigate .nav-prev-day {

  371.     background-position: 1px -48px !important;

  372. }

  373. 

  374. .fn-gantt .navigate .nav-next-day {

  375.     background-position: 1px -64px !important;

  376. }

  377. 

  378. .fn-gantt .navigate .nav-next-week {

  379.     background-position: 1px -160px !important;

  380. }

  381. 

  382. .fn-gantt .navigate .nav-end {

  383.     background-position: 1px -144px !important;

  384. }

  385. 

  386. .fn-gantt .navigate .nav-zoomOut {

  387.     background-position: 1px -96px !important;

  388. }

  389. 

  390. .fn-gantt .navigate .nav-zoomIn {

  391.     background-position: 1px -80px !important;

  392.     margin-left: 15px;

  393. }

  394. 

  395. .fn-gantt .navigate .nav-now {

  396.     background-position: 1px -32px !important;

  397. }

  398. 

  399. .fn-gantt .navigate .nav-slider .nav-now {

  400.     margin-right: 5px;

  401. }

  402. 

  403. .fn-gantt-loader {

  404.     background-image: url(lib/js/lib/jQuery.Gantt/img/loader_bg.png);

  405.     z-index: 30;

  406. }

  407. 

  408. .fn-gantt-loader-spinner {

  409.     width: 100px;

  410.     height: 20px;

  411.     position: absolute;

  412.     margin-left: 50%;

  413.     margin-top: 50%;

  414.     text-align: center;

  415. }

  416. .fn-gantt-loader-spinner span {

  417.     color: #fff;

  418.     font-size: 12px;

  419.     font-weight: bold;

  420. }

  421. 

  422. .row:after {

  423.     clear: both;

  424. }