| | @@ -20,10 +20,11 @@ |
| 20 | 20 | font-size: 1em; |
| 21 | 21 | min-height: 100%; |
| 22 | 22 | } |
| 23 | 23 | |
| 24 | 24 | body { |
| 25 | + background-color: #333; |
| 25 | 26 | margin: 0; |
| 26 | 27 | padding: 0; |
| 27 | 28 | text-size-adjust: none; |
| 28 | 29 | } |
| 29 | 30 | |
| | @@ -882,10 +883,110 @@ |
| 882 | 883 | |
| 883 | 884 | /* the format for the timeline version links */ |
| 884 | 885 | a.timelineHistLink { |
| 885 | 886 | } |
| 886 | 887 | |
| 888 | +/* Timeline graph style taken from Ardoise, with |
| 889 | +** minor adjustments (2025-03-28) */ |
| 890 | +.tl-canvas { |
| 891 | + margin: 0 6px 0 10px |
| 892 | +} |
| 893 | +.tl-rail { |
| 894 | + width: 18px |
| 895 | +} |
| 896 | +.tl-mergeoffset { |
| 897 | + width: 2px |
| 898 | +} |
| 899 | +.tl-nodemark { |
| 900 | + margin-top: .8em |
| 901 | +} |
| 902 | +.tl-node { |
| 903 | + width: 10px; |
| 904 | + height: 10px; |
| 905 | + border: 1px solid #bbb; |
| 906 | + background: #111; |
| 907 | + cursor: pointer |
| 908 | +} |
| 909 | +.tl-node.leaf:after { |
| 910 | + content: ''; |
| 911 | + position: absolute; |
| 912 | + top: 3px; |
| 913 | + left: 3px; |
| 914 | + width: 4px; |
| 915 | + height: 4px; |
| 916 | + background: #bbb |
| 917 | +} |
| 918 | +.tl-node.closed-leaf svg { |
| 919 | + position: absolute; |
| 920 | + top: 0px; |
| 921 | + left: 0px; |
| 922 | + width: 10px; |
| 923 | + height: 10px; |
| 924 | + color: #bbb; |
| 925 | +} |
| 926 | +.tl-node.sel:after { |
| 927 | + content: ''; |
| 928 | + position: absolute; |
| 929 | + top: 1px; |
| 930 | + left: 1px; |
| 931 | + width: 8px; |
| 932 | + height: 8px; |
| 933 | + background: #ff8000 |
| 934 | +} |
| 935 | +.tl-arrow { |
| 936 | + width: 0; |
| 937 | + height: 0; |
| 938 | + transform: scale(.999); |
| 939 | + border: 0 solid transparent |
| 940 | +} |
| 941 | +.tl-arrow.u { |
| 942 | + margin-top: -1px; |
| 943 | + border-width: 0 3px; |
| 944 | + border-bottom: 7px solid |
| 945 | +} |
| 946 | +.tl-arrow.u.sm { |
| 947 | + border-bottom: 5px solid #bbb |
| 948 | +} |
| 949 | +.tl-line { |
| 950 | + background: #bbb; |
| 951 | + width: 2px |
| 952 | +} |
| 953 | +.tl-arrow.merge { |
| 954 | + height: 1px; |
| 955 | + border-width: 2px 0 |
| 956 | +} |
| 957 | +.tl-arrow.merge.l { |
| 958 | + border-right: 3px solid #bbb |
| 959 | +} |
| 960 | +.tl-arrow.merge.r { |
| 961 | + border-left: 3px solid #bbb |
| 962 | +} |
| 963 | +.tl-line.merge { |
| 964 | + width: 1px |
| 965 | +} |
| 966 | +.tl-arrow.cherrypick { |
| 967 | + height: 1px; |
| 968 | + border-width: 2px 0; |
| 969 | +} |
| 970 | +.tl-arrow.cherrypick.l { |
| 971 | + border-right: 3px solid #bbb; |
| 972 | +} |
| 973 | +.tl-arrow.cherrypick.r { |
| 974 | + border-left: 3px solid #bbb; |
| 975 | +} |
| 976 | +.tl-line.cherrypick.h { |
| 977 | + width: 0px; |
| 978 | + border-top: 1px dashed #bbb; |
| 979 | + border-left: 0px dashed #bbb; |
| 980 | + background: rgba(255,255,255,0); |
| 981 | +} |
| 982 | +.tl-line.cherrypick.v { |
| 983 | + width: 0px; |
| 984 | + border-top: 0px dashed #bbb; |
| 985 | + border-left: 1px dashed #bbb; |
| 986 | + background: rgba(255,255,255,0); |
| 987 | +} |
| 887 | 988 | |
| 888 | 989 | /************************************** |
| 889 | 990 | * User Edit |
| 890 | 991 | */ |
| 891 | 992 | |
| 892 | 993 | |