Fossil SCM

Updated the Xekri skin to work with the recent Timeline changes.

zakero 2017-12-28 21:52 trunk merge
Commit c105c2fd401703ddf029265786ee370509a83365a92a3a11caf513cf79d7cf2d
Parent ef44abc6db16824…
2 files changed +142 -71 +1 -1
~ skins/xekri/css.txt ~ skins/xekri/details.txt
M skins/xekri/css.txt
+142 -71
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -707,99 +707,170 @@
707707
708708
 /**************************************
709709
 * Timeline
710710
 */
711711
712
-div.divider {
713
- color: #ee0;
714
- font-size: 1.2rem;
715
- font-weight: bold;
716
- margin-top: 1rem;
717
- white-space: nowrap;
718
-}
719
-
720712
 /* The suppressed duplicates lines in timeline, .. */
721
-span.timelineDisabled {
722
- font-size: 0.5rem;
713
+.timelineDisabled {
714
+ font-size: 0.5rem;
723715
 font-style: italic;
724716
 }
725717
726
-/* the format for the timeline data table */
727
-table.timelineTable {
728
- border: 0;
729
-}
730
-
731
-/* The row in the timeline table that contains the entry of interest */
732
-tr.timelineSelected {
733
- border: 1px solid #eee;
734
- border-radius: 1rem;
735
-}
736
-
737
-tr.timelineSelected td.timelineTime
738
-, tr.timelineSelected td.timelineTableCell {
739
- background-color: #333;
740
- box-shadow: 2px 2px 1px #000;
741
- padding: 0.5rem;
742
-}
743
-
744
-tr.timelineSelected td.timelineTime {
745
- border-radius: 1rem 0 0 1rem;
746
-}
747
-
748
-tr.timelineSelected td.timelineTableCell {
749
- border-radius: 0 1rem 1rem 0;
750
-}
751
-
752
-.timelineModernCell[id], .timelineColumnarCell[id], .timelineDetailCell[id] {
753
- background-color: #282828;
754
-}
755
-
756
-/* the format for the timeline data cells */
757
-td.timelineTableCell {
758
- padding: 0.3rem;
759
- text-align: left;
718
+/* the format for the timeline version display(no history permission!) */
719
+.timelineHistDsp {
720
+ font-weight: bold;
721
+}
722
+
723
+.content .timelineTable {
724
+ border: 0;
725
+ border-spacing: 0 0.5rem;
726
+}
727
+
728
+.content .timelineTable tr {
729
+ background: #222;
730
+ border: 0;
731
+ padding: 0;
732
+ box-shadow: none;
733
+}
734
+
735
+.timelineTable .timelineDate {
736
+ color: #ee0;
737
+ font-size: 1.2rem;
738
+ font-weight: bold;
739
+ margin-top: 1rem;
740
+ white-space: nowrap;
741
+}
742
+
743
+.timelineTable .timelineTime {
744
+ border-radius: 0;
745
+ border-width: 0;
746
+ padding: 0.25rem 0.5rem 0.5rem 0.5rem;
747
+ white-space: nowrap;
748
+}
749
+
750
+.timelineGraph {
751
+ text-align: left;
760752
 vertical-align: top;
753
+ width: 20px;
754
+}
755
+
756
+.timelineTable .timelineModernCell ,
757
+.timelineTable .timelineCompactCell ,
758
+.timelineTable .timelineVerboseCell ,
759
+.timelineTable .timelineDetailCell {
760
+/*
761
+ background: linear-gradient(to bottom, #222 0%, #333 16%, #222 100%);
762
+*/
763
+ border-radius: 0;
764
+ border-width: 0;
765
+ padding: 0.25rem 0.5rem 0.5rem 0.5rem;
766
+}
767
+
768
+.timelineTable .timelineColumnarCell {
769
+/*
770
+ background: linear-gradient(to bottom, #222 0%, #333 16%, #222 100%);
771
+*/
772
+ border-radius: 0;
773
+ border-width: 0;
774
+ padding: 0.25rem 0.5rem 0.5rem 0.5rem;
775
+}
776
+
777
+.timelineTable .timelineModernCell[id] ,
778
+.timelineTable .timelineCompactCell[id] ,
779
+.timelineTable .timelineVerboseCell[id] ,
780
+.timelineTable .timelineColumnarCell[id] ,
781
+.timelineTable .timelineDetailCell[id] {
782
+ background: #272727;
783
+}
784
+
785
+.timelineTable .timelineCurrent .timelineTime {
786
+ background: #333;
787
+ border-radius: 1rem 0 0 1rem;
788
+ border-width: 0;
789
+}
790
+
791
+.timelineTable .timelineCurrent .timelineColumnarCell {
792
+ background: #333;
793
+}
794
+
795
+.timelineTable .timelineCurrent .timelineModernCell ,
796
+.timelineTable .timelineCurrent .timelineCompactCell ,
797
+.timelineTable .timelineCurrent .timelineVerboseCell ,
798
+.timelineTable .timelineCurrent .timelineDetailCell {
799
+ background: #333;
800
+ border-radius: 0 1rem 1rem 0;
801
+}
802
+
803
+.timelineTable .timelineSelected {
804
+ background: #222;
805
+ border: 0;
806
+ box-shadow: none;
807
+}
808
+
809
+.timelineTable .timelineSelected .timelineTime {
810
+ background: #333;
811
+ border-radius: 1rem 0 0 1rem;
812
+ box-shadow: 2px 2px 1px #000;
813
+}
814
+
815
+.timelineTable .timelineSelected .timelineColumnarCell {
816
+ background: #333;
817
+ box-shadow: 2px 2px 1px #000;
761818
 }
762819
763
-td.timelineTableCell[style] {
764
- color: #000;
820
+.timelineTable .timelineSelected .timelineModernCell ,
821
+.timelineTable .timelineSelected .timelineCompactCell ,
822
+.timelineTable .timelineSelected .timelineVerboseCell ,
823
+.timelineTable .timelineSelected .timelineDetailCell {
824
+ background: #333;
825
+ border-radius: 0 1rem 1rem 0;
826
+ box-shadow: 2px 2px 1px #000;
765827
 }
766828
767
-/* the format for the timeline data cell of the current checkout */
768
-tr.timelineCurrent td.timelineTableCell {
769
- border: 0;
770
- border-radius: 1em 0em;
829
+.timelineTable .timelineModernCell .timelineModernComment ,
830
+.timelineTable .timelineModernCell .timelineModernDetail ,
831
+.timelineTable .timelineCompactCell .timelineCompactComment ,
832
+.timelineTable .timelineCompactCell .timelineCompactDetail ,
833
+.timelineTable .timelineVerboseCell .timelineVerboseComment ,
834
+.timelineTable .timelineVerboseCell .timelineVerboseDetail {
771835
 }
772836
773
-/* the format for the timeline leaf marks */
774
-span.timelineLeaf {
837
+.timelineTable .timelineModernCell .timelineLeaf ,
838
+.timelineTable .timelineCompactCell .timelineLeaf ,
839
+.timelineTable .timelineVerboseCell .timelineLeaf ,
840
+.timelineTable .timelineVerboseComment .timelineLeaf {
775841
 font-weight: bold;
776842
 }
843
+
844
+.timelineTable .timelineModernCell .timelineModernDetail ,
845
+.timelineTable .timelineDetailCell {
846
+ font-size: 85%;
847
+}
848
+
849
+.timelineTable .timelineDetailCell .timelineColumnarDetail {
850
+ white-space: pre-line;
851
+}
852
+
853
+.timelineTable .timelineDetailCell ul.filelist::before {
854
+ content: "files:";
855
+}
856
+
857
+.timelineTable .timelineDetailCell ul.filelist {
858
+ margin-left: 0;
859
+ padding-left: 0;
860
+}
861
+
862
+.timelineTable .timelineDetailCell ul.filelist li {
863
+ margin-left: 1.5rem;
864
+ padding-left: 0;
865
+ white-space: nowrap;
866
+}
777867
778868
 /* the format for the timeline version links */
779869
 a.timelineHistLink {
780870
 }
781871
782
-/* the format for the timeline version display(no history permission!) */
783
-span.timelineHistDsp {
784
- font-weight: bold;
785
-}
786
-
787
-/* the format for the timeline time display */
788
-td.timelineTime {
789
- text-align: right;
790
- vertical-align: top;
791
- white-space: nowrap;
792
-}
793
-
794
-/* the format for the grap placeholder cells in timelines */
795
-td.timelineGraph {
796
- text-align: left;
797
- vertical-align: top;
798
- width: 20px;
799
-}
800
-
801872
802873
 /**************************************
803874
 * User Edit
804875
 */
805876
806877
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -707,99 +707,170 @@
707
708 /**************************************
709 * Timeline
710 */
711
712 div.divider {
713 color: #ee0;
714 font-size: 1.2rem;
715 font-weight: bold;
716 margin-top: 1rem;
717 white-space: nowrap;
718 }
719
720 /* The suppressed duplicates lines in timeline, .. */
721 span.timelineDisabled {
722 font-size: 0.5rem;
723 font-style: italic;
724 }
725
726 /* the format for the timeline data table */
727 table.timelineTable {
728 border: 0;
729 }
730
731 /* The row in the timeline table that contains the entry of interest */
732 tr.timelineSelected {
733 border: 1px solid #eee;
734 border-radius: 1rem;
735 }
736
737 tr.timelineSelected td.timelineTime
738 , tr.timelineSelected td.timelineTableCell {
739 background-color: #333;
740 box-shadow: 2px 2px 1px #000;
741 padding: 0.5rem;
742 }
743
744 tr.timelineSelected td.timelineTime {
745 border-radius: 1rem 0 0 1rem;
746 }
747
748 tr.timelineSelected td.timelineTableCell {
749 border-radius: 0 1rem 1rem 0;
750 }
751
752 .timelineModernCell[id], .timelineColumnarCell[id], .timelineDetailCell[id] {
753 background-color: #282828;
754 }
755
756 /* the format for the timeline data cells */
757 td.timelineTableCell {
758 padding: 0.3rem;
759 text-align: left;
760 vertical-align: top;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
761 }
762
763 td.timelineTableCell[style] {
764 color: #000;
 
 
 
 
 
765 }
766
767 /* the format for the timeline data cell of the current checkout */
768 tr.timelineCurrent td.timelineTableCell {
769 border: 0;
770 border-radius: 1em 0em;
 
 
771 }
772
773 /* the format for the timeline leaf marks */
774 span.timelineLeaf {
 
 
775 font-weight: bold;
776 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
777
778 /* the format for the timeline version links */
779 a.timelineHistLink {
780 }
781
782 /* the format for the timeline version display(no history permission!) */
783 span.timelineHistDsp {
784 font-weight: bold;
785 }
786
787 /* the format for the timeline time display */
788 td.timelineTime {
789 text-align: right;
790 vertical-align: top;
791 white-space: nowrap;
792 }
793
794 /* the format for the grap placeholder cells in timelines */
795 td.timelineGraph {
796 text-align: left;
797 vertical-align: top;
798 width: 20px;
799 }
800
801
802 /**************************************
803 * User Edit
804 */
805
806
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -707,99 +707,170 @@
707
708 /**************************************
709 * Timeline
710 */
711
 
 
 
 
 
 
 
 
712 /* The suppressed duplicates lines in timeline, .. */
713 .timelineDisabled {
714 font-size: 0.5rem;
715 font-style: italic;
716 }
717
718 /* the format for the timeline version display(no history permission!) */
719 .timelineHistDsp {
720 font-weight: bold;
721 }
722
723 .content .timelineTable {
724 border: 0;
725 border-spacing: 0 0.5rem;
726 }
727
728 .content .timelineTable tr {
729 background: #222;
730 border: 0;
731 padding: 0;
732 box-shadow: none;
733 }
734
735 .timelineTable .timelineDate {
736 color: #ee0;
737 font-size: 1.2rem;
738 font-weight: bold;
739 margin-top: 1rem;
740 white-space: nowrap;
741 }
742
743 .timelineTable .timelineTime {
744 border-radius: 0;
745 border-width: 0;
746 padding: 0.25rem 0.5rem 0.5rem 0.5rem;
747 white-space: nowrap;
748 }
749
750 .timelineGraph {
751 text-align: left;
752 vertical-align: top;
753 width: 20px;
754 }
755
756 .timelineTable .timelineModernCell ,
757 .timelineTable .timelineCompactCell ,
758 .timelineTable .timelineVerboseCell ,
759 .timelineTable .timelineDetailCell {
760 /*
761 background: linear-gradient(to bottom, #222 0%, #333 16%, #222 100%);
762 */
763 border-radius: 0;
764 border-width: 0;
765 padding: 0.25rem 0.5rem 0.5rem 0.5rem;
766 }
767
768 .timelineTable .timelineColumnarCell {
769 /*
770 background: linear-gradient(to bottom, #222 0%, #333 16%, #222 100%);
771 */
772 border-radius: 0;
773 border-width: 0;
774 padding: 0.25rem 0.5rem 0.5rem 0.5rem;
775 }
776
777 .timelineTable .timelineModernCell[id] ,
778 .timelineTable .timelineCompactCell[id] ,
779 .timelineTable .timelineVerboseCell[id] ,
780 .timelineTable .timelineColumnarCell[id] ,
781 .timelineTable .timelineDetailCell[id] {
782 background: #272727;
783 }
784
785 .timelineTable .timelineCurrent .timelineTime {
786 background: #333;
787 border-radius: 1rem 0 0 1rem;
788 border-width: 0;
789 }
790
791 .timelineTable .timelineCurrent .timelineColumnarCell {
792 background: #333;
793 }
794
795 .timelineTable .timelineCurrent .timelineModernCell ,
796 .timelineTable .timelineCurrent .timelineCompactCell ,
797 .timelineTable .timelineCurrent .timelineVerboseCell ,
798 .timelineTable .timelineCurrent .timelineDetailCell {
799 background: #333;
800 border-radius: 0 1rem 1rem 0;
801 }
802
803 .timelineTable .timelineSelected {
804 background: #222;
805 border: 0;
806 box-shadow: none;
807 }
808
809 .timelineTable .timelineSelected .timelineTime {
810 background: #333;
811 border-radius: 1rem 0 0 1rem;
812 box-shadow: 2px 2px 1px #000;
813 }
814
815 .timelineTable .timelineSelected .timelineColumnarCell {
816 background: #333;
817 box-shadow: 2px 2px 1px #000;
818 }
819
820 .timelineTable .timelineSelected .timelineModernCell ,
821 .timelineTable .timelineSelected .timelineCompactCell ,
822 .timelineTable .timelineSelected .timelineVerboseCell ,
823 .timelineTable .timelineSelected .timelineDetailCell {
824 background: #333;
825 border-radius: 0 1rem 1rem 0;
826 box-shadow: 2px 2px 1px #000;
827 }
828
829 .timelineTable .timelineModernCell .timelineModernComment ,
830 .timelineTable .timelineModernCell .timelineModernDetail ,
831 .timelineTable .timelineCompactCell .timelineCompactComment ,
832 .timelineTable .timelineCompactCell .timelineCompactDetail ,
833 .timelineTable .timelineVerboseCell .timelineVerboseComment ,
834 .timelineTable .timelineVerboseCell .timelineVerboseDetail {
835 }
836
837 .timelineTable .timelineModernCell .timelineLeaf ,
838 .timelineTable .timelineCompactCell .timelineLeaf ,
839 .timelineTable .timelineVerboseCell .timelineLeaf ,
840 .timelineTable .timelineVerboseComment .timelineLeaf {
841 font-weight: bold;
842 }
843
844 .timelineTable .timelineModernCell .timelineModernDetail ,
845 .timelineTable .timelineDetailCell {
846 font-size: 85%;
847 }
848
849 .timelineTable .timelineDetailCell .timelineColumnarDetail {
850 white-space: pre-line;
851 }
852
853 .timelineTable .timelineDetailCell ul.filelist::before {
854 content: "files:";
855 }
856
857 .timelineTable .timelineDetailCell ul.filelist {
858 margin-left: 0;
859 padding-left: 0;
860 }
861
862 .timelineTable .timelineDetailCell ul.filelist li {
863 margin-left: 1.5rem;
864 padding-left: 0;
865 white-space: nowrap;
866 }
867
868 /* the format for the timeline version links */
869 a.timelineHistLink {
870 }
871
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
872
873 /**************************************
874 * User Edit
875 */
876
877
M skins/xekri/details.txt
+1 -1
--- skins/xekri/details.txt
+++ skins/xekri/details.txt
@@ -1,4 +1,4 @@
11
 timeline-arrowheads: 1
22
 timeline-circle-nodes: 0
3
-timeline-color-graph-lines: 0
3
+timeline-color-graph-lines: 1
44
 white-foreground: 0
55
--- skins/xekri/details.txt
+++ skins/xekri/details.txt
@@ -1,4 +1,4 @@
1 timeline-arrowheads: 1
2 timeline-circle-nodes: 0
3 timeline-color-graph-lines: 0
4 white-foreground: 0
5
--- skins/xekri/details.txt
+++ skins/xekri/details.txt
@@ -1,4 +1,4 @@
1 timeline-arrowheads: 1
2 timeline-circle-nodes: 0
3 timeline-color-graph-lines: 1
4 white-foreground: 0
5

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button