Fossil SCM

Initial updates to get the timeline looking correct.

zakero 2017-12-26 07:47 trunk
Commit cec1e06067fb82944ae4fd312c786c163c0899fbe4375d1b970a0f848179c819
Parent f4a9df4dd0d304b…
1 file changed +137 -79
~ skins/xekri/css.txt
M skins/xekri/css.txt
+137 -79
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -707,98 +707,156 @@
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;
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;
718
+.content .timelineTable {
719
+ border: 0;
720
+ border-spacing: 0 0.25rem;
721
+}
722
+
723
+.content .timelineTable tr {
724
+ background: #222;
725
+ border: 0;
726
+ padding: 0;
727
+ box-shadow: none;
728
+}
729
+
730
+.timelineTable .timelineDate {
731
+ color: #ee0;
732
+ font-size: 1.2rem;
733
+ font-weight: bold;
734
+ margin-top: 1rem;
791735
 white-space: nowrap;
792736
 }
793737
794
-/* the format for the grap placeholder cells in timelines */
795
-td.timelineGraph {
796
- text-align: left;
738
+.timelineTable .timelineTime {
739
+ border-radius: 0;
740
+ border-width: 0;
741
+ padding: 0.25rem 0.5rem 0.5rem 0.5rem;
742
+ white-space: nowrap;
743
+}
744
+
745
+.timelineGraph {
746
+ text-align: left;
797747
 vertical-align: top;
798
- width: 20px;
748
+ width: 20px;
749
+}
750
+
751
+.timelineTable .timelineModernCell ,
752
+.timelineTable .timelineCompactCell ,
753
+.timelineTable .timelineVerboseCell ,
754
+.timelineTable .timelineDetailCell {
755
+/*
756
+ background: linear-gradient(to bottom, #222 0%, #333 16%, #222 100%);
757
+*/
758
+ border-radius: 0;
759
+ border-width: 0;
760
+ padding: 0.25rem 0.5rem 0.5rem 0.5rem;
761
+}
762
+
763
+.timelineTable .timelineColumnarCell {
764
+/*
765
+ background: linear-gradient(to bottom, #222 0%, #333 16%, #222 100%);
766
+*/
767
+ border-radius: 0;
768
+ border-width: 0;
769
+ padding: 0.25rem 0.5rem 0.5rem 0.5rem;
770
+}
771
+
772
+.timelineTable .timelineModernCell[id] ,
773
+.timelineTable .timelineCompactCell[id] ,
774
+.timelineTable .timelineVerboseCell[id] ,
775
+.timelineTable .timelineColumnarCell[id] ,
776
+.timelineTable .timelineDetailCell[id] {
777
+ background: none;
778
+}
779
+
780
+.timelineTable .timelineCurrent .timelineTime {
781
+ background: #333;
782
+ border-radius: 1rem 0 0 1rem;
783
+ border-width: 0;
784
+}
785
+
786
+.timelineTable .timelineCurrent .timelineColumnarCell {
787
+ background: #333;
788
+}
789
+
790
+.timelineTable .timelineCurrent .timelineModernCell ,
791
+.timelineTable .timelineCurrent .timelineCompactCell ,
792
+.timelineTable .timelineCurrent .timelineVerboseCell ,
793
+.timelineTable .timelineCurrent .timelineDetailCell {
794
+ background: #333;
795
+ border-radius: 0 1rem 1rem 0;
796
+}
797
+
798
+.timelineTable .timelineSelected {
799
+ background: #222;
800
+ border: 0;
801
+ box-shadow: none;
802
+}
803
+
804
+.timelineTable .timelineSelected .timelineTime {
805
+ background: #333;
806
+ border-radius: 1rem 0 0 1rem;
807
+ box-shadow: 2px 2px 1px #000;
808
+}
809
+
810
+.timelineTable .timelineSelected .timelineColumnarCell {
811
+ background: #333;
812
+ box-shadow: 2px 2px 1px #000;
813
+}
814
+
815
+.timelineTable .timelineSelected .timelineModernCell ,
816
+.timelineTable .timelineSelected .timelineCompactCell ,
817
+.timelineTable .timelineSelected .timelineVerboseCell ,
818
+.timelineTable .timelineSelected .timelineDetailCell {
819
+ background: #333;
820
+ border-radius: 0 1rem 1rem 0;
821
+ box-shadow: 2px 2px 1px #000;
822
+}
823
+
824
+.timelineTable .timelineModernCell .timelineModernComment ,
825
+.timelineTable .timelineModernCell .timelineModernDetail ,
826
+.timelineTable .timelineCompactCell .timelineCompactComment ,
827
+.timelineTable .timelineCompactCell .timelineCompactDetail ,
828
+.timelineTable .timelineVerboseCell .timelineVerboseComment ,
829
+.timelineTable .timelineVerboseCell .timelineVerboseDetail {
830
+}
831
+
832
+.timelineTable .timelineModernCell .timelineModernLeaf ,
833
+.timelineTable .timelineCompactCell .timelineCompactLeaf ,
834
+.timelineTable .timelineVerboseCell .timelineVerboseLeaf ,
835
+.timelineTable .timelineVerboseCell .timelineLeaf {
836
+ font-weight: bold;
837
+}
838
+
839
+.timelineTable .timelineDetailCell .timelineColumnarDetail {
840
+ font-size: 80%;
841
+ white-space: pre-line;
842
+}
843
+
844
+
845
+
846
+/* the format for the timeline version links */
847
+/*
848
+a.timelineHistLink {
849
+}
850
+*/
851
+
852
+/* the format for the timeline version display(no history permission!) */
853
+/*
854
+span.timelineHistDsp {
855
+ font-weight: bold;
799856
 }
857
+*/
800858
801859
802860
 /**************************************
803861
 * User Edit
804862
 */
805863
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -707,98 +707,156 @@
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
--- skins/xekri/css.txt
+++ skins/xekri/css.txt
@@ -707,98 +707,156 @@
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 .content .timelineTable {
719 border: 0;
720 border-spacing: 0 0.25rem;
721 }
722
723 .content .timelineTable tr {
724 background: #222;
725 border: 0;
726 padding: 0;
727 box-shadow: none;
728 }
729
730 .timelineTable .timelineDate {
731 color: #ee0;
732 font-size: 1.2rem;
733 font-weight: bold;
734 margin-top: 1rem;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
735 white-space: nowrap;
736 }
737
738 .timelineTable .timelineTime {
739 border-radius: 0;
740 border-width: 0;
741 padding: 0.25rem 0.5rem 0.5rem 0.5rem;
742 white-space: nowrap;
743 }
744
745 .timelineGraph {
746 text-align: left;
747 vertical-align: top;
748 width: 20px;
749 }
750
751 .timelineTable .timelineModernCell ,
752 .timelineTable .timelineCompactCell ,
753 .timelineTable .timelineVerboseCell ,
754 .timelineTable .timelineDetailCell {
755 /*
756 background: linear-gradient(to bottom, #222 0%, #333 16%, #222 100%);
757 */
758 border-radius: 0;
759 border-width: 0;
760 padding: 0.25rem 0.5rem 0.5rem 0.5rem;
761 }
762
763 .timelineTable .timelineColumnarCell {
764 /*
765 background: linear-gradient(to bottom, #222 0%, #333 16%, #222 100%);
766 */
767 border-radius: 0;
768 border-width: 0;
769 padding: 0.25rem 0.5rem 0.5rem 0.5rem;
770 }
771
772 .timelineTable .timelineModernCell[id] ,
773 .timelineTable .timelineCompactCell[id] ,
774 .timelineTable .timelineVerboseCell[id] ,
775 .timelineTable .timelineColumnarCell[id] ,
776 .timelineTable .timelineDetailCell[id] {
777 background: none;
778 }
779
780 .timelineTable .timelineCurrent .timelineTime {
781 background: #333;
782 border-radius: 1rem 0 0 1rem;
783 border-width: 0;
784 }
785
786 .timelineTable .timelineCurrent .timelineColumnarCell {
787 background: #333;
788 }
789
790 .timelineTable .timelineCurrent .timelineModernCell ,
791 .timelineTable .timelineCurrent .timelineCompactCell ,
792 .timelineTable .timelineCurrent .timelineVerboseCell ,
793 .timelineTable .timelineCurrent .timelineDetailCell {
794 background: #333;
795 border-radius: 0 1rem 1rem 0;
796 }
797
798 .timelineTable .timelineSelected {
799 background: #222;
800 border: 0;
801 box-shadow: none;
802 }
803
804 .timelineTable .timelineSelected .timelineTime {
805 background: #333;
806 border-radius: 1rem 0 0 1rem;
807 box-shadow: 2px 2px 1px #000;
808 }
809
810 .timelineTable .timelineSelected .timelineColumnarCell {
811 background: #333;
812 box-shadow: 2px 2px 1px #000;
813 }
814
815 .timelineTable .timelineSelected .timelineModernCell ,
816 .timelineTable .timelineSelected .timelineCompactCell ,
817 .timelineTable .timelineSelected .timelineVerboseCell ,
818 .timelineTable .timelineSelected .timelineDetailCell {
819 background: #333;
820 border-radius: 0 1rem 1rem 0;
821 box-shadow: 2px 2px 1px #000;
822 }
823
824 .timelineTable .timelineModernCell .timelineModernComment ,
825 .timelineTable .timelineModernCell .timelineModernDetail ,
826 .timelineTable .timelineCompactCell .timelineCompactComment ,
827 .timelineTable .timelineCompactCell .timelineCompactDetail ,
828 .timelineTable .timelineVerboseCell .timelineVerboseComment ,
829 .timelineTable .timelineVerboseCell .timelineVerboseDetail {
830 }
831
832 .timelineTable .timelineModernCell .timelineModernLeaf ,
833 .timelineTable .timelineCompactCell .timelineCompactLeaf ,
834 .timelineTable .timelineVerboseCell .timelineVerboseLeaf ,
835 .timelineTable .timelineVerboseCell .timelineLeaf {
836 font-weight: bold;
837 }
838
839 .timelineTable .timelineDetailCell .timelineColumnarDetail {
840 font-size: 80%;
841 white-space: pre-line;
842 }
843
844
845
846 /* the format for the timeline version links */
847 /*
848 a.timelineHistLink {
849 }
850 */
851
852 /* the format for the timeline version display(no history permission!) */
853 /*
854 span.timelineHistDsp {
855 font-weight: bold;
856 }
857 */
858
859
860 /**************************************
861 * User Edit
862 */
863

Keyboard Shortcuts

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