Fossil SCM
Xekri skin: added same logo toggle as in [c4c64257cf], improved page layout in chat mode, and slightly modernized the header layout. Gave chat message area in all skins a very slight side padding.
Commit
714ff824334fecf6e180f7972fb6c2bc7f50ade4969e4f50d7ca7322ef4ea01e
Parent
30a2b87c4ed8932…
3 files changed
+24
-3
+7
-1
+1
-1
+24
-3
| --- skins/xekri/css.txt | ||
| +++ skins/xekri/css.txt | ||
| @@ -89,17 +89,26 @@ | ||
| 89 | 89 | * Main Area: Header |
| 90 | 90 | */ |
| 91 | 91 | |
| 92 | 92 | div.header { |
| 93 | 93 | margin: 0.5rem auto 0 auto; |
| 94 | + display: flex; | |
| 95 | + flex-direction: row; | |
| 96 | + align-items: center; | |
| 97 | + flex-wrap: wrap; | |
| 98 | +} | |
| 99 | +div.logo { | |
| 100 | + display: inline; | |
| 101 | + max-height: 4em; | |
| 102 | + max-width: 4em; | |
| 103 | + flex: 0 1 auto; | |
| 94 | 104 | } |
| 95 | 105 | |
| 96 | 106 | div.logo img { |
| 97 | - float: left; | |
| 98 | 107 | padding: 0; |
| 99 | - box-shadow: 3px 3px 1px #000; | |
| 100 | - margin: 0 6px 6px 0; | |
| 108 | + box-shadow: 2px 4px 6px rgba(180,180,180,0.70); | |
| 109 | + border-radius: 2mm; | |
| 101 | 110 | } |
| 102 | 111 | |
| 103 | 112 | div.logo br { |
| 104 | 113 | display: none; |
| 105 | 114 | } |
| @@ -120,18 +129,20 @@ | ||
| 120 | 129 | font-weight: bold; |
| 121 | 130 | font-size: 2.5rem; |
| 122 | 131 | padding: 0.5rem; |
| 123 | 132 | text-align: center; |
| 124 | 133 | text-shadow: 3px 3px 1px #000; |
| 134 | + flex: 10 0 auto; | |
| 125 | 135 | } |
| 126 | 136 | |
| 127 | 137 | div.status { |
| 128 | 138 | color: #ee0; |
| 129 | 139 | font-size: 1rem; |
| 130 | 140 | padding: 0.25rem; |
| 131 | 141 | text-align: right; |
| 132 | 142 | text-shadow: 2px 2px 1px #000; |
| 143 | + flex: 0 1 auto; | |
| 133 | 144 | } |
| 134 | 145 | |
| 135 | 146 | |
| 136 | 147 | /************************************** |
| 137 | 148 | * Main Area: Global Menu |
| @@ -1140,5 +1151,15 @@ | ||
| 1140 | 1151 | |
| 1141 | 1152 | body.branch .brlist > table > tbody > tr:hover:not(.selected), |
| 1142 | 1153 | body.branch .brlist > table > tbody > tr.selected { |
| 1143 | 1154 | background-color: #444; |
| 1144 | 1155 | } |
| 1156 | + | |
| 1157 | +body.chat div.header, body.chat div.footer, | |
| 1158 | +body.chat div.mainmenu, body.chat div.submenu, | |
| 1159 | +body.chat div.content { | |
| 1160 | + margin-left: auto; | |
| 1161 | + margin-right: auto; | |
| 1162 | +} | |
| 1163 | +body.chat.chat-only-mode div.content { | |
| 1164 | + max-width: revert; | |
| 1165 | +} | |
| 1145 | 1166 |
| --- skins/xekri/css.txt | |
| +++ skins/xekri/css.txt | |
| @@ -89,17 +89,26 @@ | |
| 89 | * Main Area: Header |
| 90 | */ |
| 91 | |
| 92 | div.header { |
| 93 | margin: 0.5rem auto 0 auto; |
| 94 | } |
| 95 | |
| 96 | div.logo img { |
| 97 | float: left; |
| 98 | padding: 0; |
| 99 | box-shadow: 3px 3px 1px #000; |
| 100 | margin: 0 6px 6px 0; |
| 101 | } |
| 102 | |
| 103 | div.logo br { |
| 104 | display: none; |
| 105 | } |
| @@ -120,18 +129,20 @@ | |
| 120 | font-weight: bold; |
| 121 | font-size: 2.5rem; |
| 122 | padding: 0.5rem; |
| 123 | text-align: center; |
| 124 | text-shadow: 3px 3px 1px #000; |
| 125 | } |
| 126 | |
| 127 | div.status { |
| 128 | color: #ee0; |
| 129 | font-size: 1rem; |
| 130 | padding: 0.25rem; |
| 131 | text-align: right; |
| 132 | text-shadow: 2px 2px 1px #000; |
| 133 | } |
| 134 | |
| 135 | |
| 136 | /************************************** |
| 137 | * Main Area: Global Menu |
| @@ -1140,5 +1151,15 @@ | |
| 1140 | |
| 1141 | body.branch .brlist > table > tbody > tr:hover:not(.selected), |
| 1142 | body.branch .brlist > table > tbody > tr.selected { |
| 1143 | background-color: #444; |
| 1144 | } |
| 1145 |
| --- skins/xekri/css.txt | |
| +++ skins/xekri/css.txt | |
| @@ -89,17 +89,26 @@ | |
| 89 | * Main Area: Header |
| 90 | */ |
| 91 | |
| 92 | div.header { |
| 93 | margin: 0.5rem auto 0 auto; |
| 94 | display: flex; |
| 95 | flex-direction: row; |
| 96 | align-items: center; |
| 97 | flex-wrap: wrap; |
| 98 | } |
| 99 | div.logo { |
| 100 | display: inline; |
| 101 | max-height: 4em; |
| 102 | max-width: 4em; |
| 103 | flex: 0 1 auto; |
| 104 | } |
| 105 | |
| 106 | div.logo img { |
| 107 | padding: 0; |
| 108 | box-shadow: 2px 4px 6px rgba(180,180,180,0.70); |
| 109 | border-radius: 2mm; |
| 110 | } |
| 111 | |
| 112 | div.logo br { |
| 113 | display: none; |
| 114 | } |
| @@ -120,18 +129,20 @@ | |
| 129 | font-weight: bold; |
| 130 | font-size: 2.5rem; |
| 131 | padding: 0.5rem; |
| 132 | text-align: center; |
| 133 | text-shadow: 3px 3px 1px #000; |
| 134 | flex: 10 0 auto; |
| 135 | } |
| 136 | |
| 137 | div.status { |
| 138 | color: #ee0; |
| 139 | font-size: 1rem; |
| 140 | padding: 0.25rem; |
| 141 | text-align: right; |
| 142 | text-shadow: 2px 2px 1px #000; |
| 143 | flex: 0 1 auto; |
| 144 | } |
| 145 | |
| 146 | |
| 147 | /************************************** |
| 148 | * Main Area: Global Menu |
| @@ -1140,5 +1151,15 @@ | |
| 1151 | |
| 1152 | body.branch .brlist > table > tbody > tr:hover:not(.selected), |
| 1153 | body.branch .brlist > table > tbody > tr.selected { |
| 1154 | background-color: #444; |
| 1155 | } |
| 1156 | |
| 1157 | body.chat div.header, body.chat div.footer, |
| 1158 | body.chat div.mainmenu, body.chat div.submenu, |
| 1159 | body.chat div.content { |
| 1160 | margin-left: auto; |
| 1161 | margin-right: auto; |
| 1162 | } |
| 1163 | body.chat.chat-only-mode div.content { |
| 1164 | max-width: revert; |
| 1165 | } |
| 1166 |
+7
-1
| --- skins/xekri/header.txt | ||
| +++ skins/xekri/header.txt | ||
| @@ -56,11 +56,17 @@ | ||
| 56 | 56 | } else { |
| 57 | 57 | set logourl $baseurl |
| 58 | 58 | } |
| 59 | 59 | return $logourl |
| 60 | 60 | } |
| 61 | - set logourl [getLogoUrl $baseurl] | |
| 61 | + if {1} { | |
| 62 | + # Link logo to the top of the current domain | |
| 63 | + set logourl [getLogoUrl $baseurl] | |
| 64 | + } else { | |
| 65 | + # Link logo to the top of the current repo | |
| 66 | + set logourl $baseurl | |
| 67 | + } | |
| 62 | 68 | </th1> |
| 63 | 69 | <a href="$logourl"> |
| 64 | 70 | <img src="$logo_image_url" border="0" alt="$project_name"> |
| 65 | 71 | </a> |
| 66 | 72 | </div> |
| 67 | 73 |
| --- skins/xekri/header.txt | |
| +++ skins/xekri/header.txt | |
| @@ -56,11 +56,17 @@ | |
| 56 | } else { |
| 57 | set logourl $baseurl |
| 58 | } |
| 59 | return $logourl |
| 60 | } |
| 61 | set logourl [getLogoUrl $baseurl] |
| 62 | </th1> |
| 63 | <a href="$logourl"> |
| 64 | <img src="$logo_image_url" border="0" alt="$project_name"> |
| 65 | </a> |
| 66 | </div> |
| 67 |
| --- skins/xekri/header.txt | |
| +++ skins/xekri/header.txt | |
| @@ -56,11 +56,17 @@ | |
| 56 | } else { |
| 57 | set logourl $baseurl |
| 58 | } |
| 59 | return $logourl |
| 60 | } |
| 61 | if {1} { |
| 62 | # Link logo to the top of the current domain |
| 63 | set logourl [getLogoUrl $baseurl] |
| 64 | } else { |
| 65 | # Link logo to the top of the current repo |
| 66 | set logourl $baseurl |
| 67 | } |
| 68 | </th1> |
| 69 | <a href="$logourl"> |
| 70 | <img src="$logo_image_url" border="0" alt="$project_name"> |
| 71 | </a> |
| 72 | </div> |
| 73 |
+1
-1
| --- src/default.css | ||
| +++ src/default.css | ||
| @@ -1790,12 +1790,12 @@ | ||
| 1790 | 1790 | } |
| 1791 | 1791 | |
| 1792 | 1792 | /** Container for the list of /chat messages. */ |
| 1793 | 1793 | body.chat #chat-messages-wrapper { |
| 1794 | 1794 | overflow: auto; |
| 1795 | - /*max-height: 800em*//*will be re-calc'd in JS*/; | |
| 1796 | 1795 | flex: 2 1 auto; |
| 1796 | + padding: 0 0.25em; | |
| 1797 | 1797 | } |
| 1798 | 1798 | body.chat #chat-messages-wrapper.loading > * { |
| 1799 | 1799 | /* An attempt at reducing flicker when loading lots of messages. */ |
| 1800 | 1800 | visibility: hidden; |
| 1801 | 1801 | } |
| 1802 | 1802 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -1790,12 +1790,12 @@ | |
| 1790 | } |
| 1791 | |
| 1792 | /** Container for the list of /chat messages. */ |
| 1793 | body.chat #chat-messages-wrapper { |
| 1794 | overflow: auto; |
| 1795 | /*max-height: 800em*//*will be re-calc'd in JS*/; |
| 1796 | flex: 2 1 auto; |
| 1797 | } |
| 1798 | body.chat #chat-messages-wrapper.loading > * { |
| 1799 | /* An attempt at reducing flicker when loading lots of messages. */ |
| 1800 | visibility: hidden; |
| 1801 | } |
| 1802 |
| --- src/default.css | |
| +++ src/default.css | |
| @@ -1790,12 +1790,12 @@ | |
| 1790 | } |
| 1791 | |
| 1792 | /** Container for the list of /chat messages. */ |
| 1793 | body.chat #chat-messages-wrapper { |
| 1794 | overflow: auto; |
| 1795 | flex: 2 1 auto; |
| 1796 | padding: 0 0.25em; |
| 1797 | } |
| 1798 | body.chat #chat-messages-wrapper.loading > * { |
| 1799 | /* An attempt at reducing flicker when loading lots of messages. */ |
| 1800 | visibility: hidden; |
| 1801 | } |
| 1802 |