anoopmb
/
frappe
1
0
Forkuj 0
Kod Zgłoszenia 0 Oczekujące zmiany 0 Wydania 0 Wiki Aktywność
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
3012 Commity
1 Gałąź
314 MiB
 
 
 
 
 
 
Drzewo: 4baee9a10a
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z '4baee9a10a'
${ noResults }
frappe/public/js/lib/jQuery.Gantt/css/style.css

426 wiersze
8.9 KiB
Czysty Wina Historia 

  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 * {

  37. 	-webkit-box-sizing: content-box;

  38. 	   -moz-box-sizing: content-box;

  39. 	        box-sizing: content-box;

  40. }

  41. 

  42. .fn-gantt .leftPanel {

  43.     float: left;

  44.     width: 225px;

  45.     overflow: hidden;

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

  47.     position: relative;

  48.     z-index: 20;

  49. }

  50. 

  51. .fn-gantt .row, .row .fn-gantt .row {

  52.     float: left;

  53.     height: 24px;

  54.     line-height: 24px;

  55.     margin-left: -24px;

  56. 	margin-right: 0px;

  57. }

  58. 

  59. .fn-gantt .leftPanel .fn-label {

  60.     display: inline-block;

  61.     margin: 0 0 0 5px;

  62.     color: #484A4D;

  63.     width: 110px;

  64.     white-space: nowrap;

  65.     text-overflow: ellipsis;

  66.     overflow: hidden;

  67. }

  68. 

  69. .fn-gantt .leftPanel .row0 {

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

  71. }

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

  73.     float: left;

  74.     height: 23px;

  75.     margin: 0;

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

  77.     background-color: #f6f6f6;

  78. }

  79. 

  80. .fn-gantt .leftPanel .name {

  81.     width: 110px;

  82.     font-weight: bold;

  83. }

  84. 

  85. .fn-gantt .leftPanel .desc {

  86.     width: 115px;

  87. }

  88. 

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

  90.     width: 225px;

  91. }

  92. 

  93. .fn-gantt .spacer {

  94.     margin: -2px 0 1px 0 !important;

  95.     border-bottom: none;

  96.     background-color: #f6f6f6;

  97. }

  98. 

  99. 

  100. 

  101. 

  102. /* === RIGHT PANEL === */

  103. 

  104. .fn-gantt .rightPanel {

  105.     overflow: hidden;

  106. }

  107. 

  108. .fn-gantt .dataPanel {

  109.     margin-left: 0px;

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

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

  112.     background-repeat: repeat;

  113.     background-position: 24px 24px;

  114. }

  115. .fn-gantt .day, .fn-gantt .date {

  116.     overflow: visible;

  117.     width: 24px;

  118.     line-height: 23px;

  119.     text-align: center;

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

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

  122.     margin: 0 0 0 -1px !important;

  123.     font-size: 11px;

  124.     color: #484a4d;

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

  126.     text-align: center;

  127. }

  128. 

  129. .fn-gantt .holiday {

  130.     background-color: #ffd263;

  131.     height: 23px;

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

  133. }

  134. 

  135. .fn-gantt .today {

  136.     background-color: #fff8da;

  137.     height: 23px;

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

  139.     font-weight: bold;

  140.     text-align: center;

  141. }

  142. 

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

  144.     height: 23px;

  145.     margin: 0 0 0 -1px;

  146.     text-align: center;

  147. }

  148. 

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

  150.     color: #939496;

  151.     background-color: #f5f5f5;

  152.     text-align: center;

  153. }

  154. 

  155. .fn-gantt .wd {

  156.     background-color: #f6f6f6;

  157.     text-align: center;

  158. }

  159. 

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

  161.     float: left;

  162.     overflow: hidden;

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

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

  165.     height: 23px;

  166.     margin: 0 0 0 -1px;

  167.     background-color: #f6f6f6;

  168.     font-weight: bold;

  169.     font-size: 11px;

  170.     color: #484a4d;

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

  172.     text-align: center;

  173. }

  174. 

  175. .fn-gantt-hint {

  176.     border: 5px solid #edc332;

  177.     background-color: #fff5d4;

  178.     padding: 10px;

  179.     position: absolute;

  180.     display: none;

  181.     z-index: 11;

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

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

  184.         border-radius: 4px;

  185. }

  186. 

  187. .fn-gantt .bar {

  188.     background-color: #D0E4FD;

  189.     height: 18px;

  190.     margin: 4px 3px 3px 3px;

  191.     position: absolute;

  192.     z-index: 10;

  193.     text-align: center;

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

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

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

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

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

  199.             border-radius: 3px;

  200. }

  201. 

  202. .fn-gantt .bar .fn-label {

  203.     line-height: 18px;

  204.     font-weight: bold;

  205.     white-space: nowrap;

  206.     width: 100%;

  207.     text-overflow: ellipsis;

  208.     overflow: hidden;

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

  210.     color: #414B57 !important;

  211.     text-align: center;

  212.     font-size: 11px;

  213. }

  214. 

  215. .fn-gantt .ganttRed {

  216.     background-color: #F9C4E1;

  217. }

  218. .fn-gantt .ganttRed .fn-label {

  219.     color: #78436D !important;

  220. }

  221. 

  222. .fn-gantt .ganttGreen {

  223.     background-color: #D8EDA3;

  224. }

  225. .fn-gantt .ganttGreen .fn-label {

  226.     color: #778461 !important;

  227. }

  228. 

  229. .fn-gantt .ganttOrange {

  230.     background-color: #FCD29A;

  231. }

  232. .fn-gantt .ganttOrange .fn-label {

  233.     color: #714715 !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. }