Fossil

Check-in [44cb5bb0]
Login

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Fixed the Timeline menu alignment problems reported off-list. Switched to using "display: block" to support some older browsers and provide a more consistent look across browsers. The max-width was also increased from 80% to 90%.
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | skin-xekri
Files: files | file ages | folders
SHA1:44cb5bb0c4a1e93a1cc22649473905fa757b8e87
User & Date: zakero 2015-03-21 15:54:26
Original Comment: Fixed timeline menu alignment problems reported off-list. Switched to using "display: block" to support some older browsers and provide a more consistant look across browsers. The max-width was increased 80% to 90%.
Context
2015-03-21
16:04
Fixed the font color for the Edit Check-in page so that the text is more readable. check-in: cb98ab9d user: zakero tags: skin-xekri
15:54
Fixed the Timeline menu alignment problems reported off-list. Switched to using "display: block" to support some older browsers and provide a more consistent look across browsers. The max-width was also increased from 80% to 90%. check-in: 44cb5bb0 user: zakero tags: skin-xekri
2015-03-17
00:43
A possible work around for a mailing list reported issue where the "display: flex" for submenus is broken on the Opera web browser. check-in: 4b1671f8 user: zakero tags: skin-xekri
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Changes to skins/xekri/css.txt.

64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
...
132
133
134
135
136
137
138

139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162





163








164
165
166
167
168
169
170
/**************************************
 * Main Area
 */

div.header, div.mainmenu, div.submenu, div.content, div.footer {
  clear: both;
  margin: 0 auto;
  max-width: 80%;
  padding: 0.25rem 1rem;
}


/**************************************
 * Main Area: Header
 */
................................................................................
  color: #000;
  font-weight: bold;
  font-size: 1.1rem;
  text-align: center;
}

div.mainmenu {

  padding-bottom: 0.25rem;
}

div.submenu {
  border-top: 1px solid #0a0;
  border-radius: 0;
  display: flex;
  -o-display: block;
  justify-content: space-around;
}

div.mainmenu a, div.submenu a {
  color: #000;
  padding: 0 0.75rem;
  text-decoration: none;
  vertical-align: middle;
}

div.mainmenu a:hover, div.submenu a:hover {
  color: #fff;
  text-shadow: 0px 0px 6px #0f0;
}

div.submenu select {





  background-color: #090;








}

/**************************************
 * Main Area: Content
 */

div.content {







|







 







>






<
|
<






<







|
>
>
>
>
>
|
>
>
>
>
>
>
>
>







64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
...
132
133
134
135
136
137
138
139
140
141
142
143
144
145

146

147
148
149
150
151
152

153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
/**************************************
 * Main Area
 */

div.header, div.mainmenu, div.submenu, div.content, div.footer {
  clear: both;
  margin: 0 auto;
  max-width: 90%;
  padding: 0.25rem 1rem;
}


/**************************************
 * Main Area: Header
 */
................................................................................
  color: #000;
  font-weight: bold;
  font-size: 1.1rem;
  text-align: center;
}

div.mainmenu {
  padding-top: 0.33rem;
  padding-bottom: 0.25rem;
}

div.submenu {
  border-top: 1px solid #0a0;
  border-radius: 0;

  display: block;

}

div.mainmenu a, div.submenu a {
  color: #000;
  padding: 0 0.75rem;
  text-decoration: none;

}

div.mainmenu a:hover, div.submenu a:hover {
  color: #fff;
  text-shadow: 0px 0px 6px #0f0;
}

div.submenu * {
  margin: 0 0.5rem;
  vertical-align: middle;
}

div.submenu select, div.submenu input {
  background-color: #222;
  border: 1px inset #080;
  color: #eee;
  cursor: pointer;
  font-size: 0.9rem;
}

div.submenu select {
  height: 1.75rem;
}

/**************************************
 * Main Area: Content
 */

div.content {