| | @@ -140,10 +140,90 @@ |
| 140 | 140 | @ <div id="style-footer"> |
| 141 | 141 | @ Fossil version %s(MANIFEST_VERSION) %s(MANIFEST_DATE) |
| 142 | 142 | @ </div> |
| 143 | 143 | } |
| 144 | 144 | |
| 145 | +/* |
| 146 | +** The default Cascading Style Sheet. |
| 147 | +** |
| 148 | +** Selector order: tags, ids, classes, other |
| 149 | +** Content order: margin, borders, padding, fonts, colors, other |
| 150 | +** Note: Once things are finialize a bit we can collapse this and |
| 151 | +** make it much smaller, if necessary. Right now, it's verbose |
| 152 | +** but easy to edit. |
| 153 | +*/ |
| 154 | +const char zDefaultCSS[] = |
| 155 | +@ body { |
| 156 | +@ margin: 0px; |
| 157 | +@ padding: 0px; |
| 158 | +@ background-color: white; |
| 159 | +@ } |
| 160 | +@ #page-title { |
| 161 | +@ padding: 10px 10px 10px 10px; |
| 162 | +@ font-size: 1.8em; |
| 163 | +@ font-weight: bold; |
| 164 | +@ background-color: #6a7ec7; |
| 165 | +@ color: #0a1e67; |
| 166 | +@ } |
| 167 | +@ #login-status { |
| 168 | +@ padding: 0px 10px 10px 0px; |
| 169 | +@ font-size: 0.9em; |
| 170 | +@ text-align: right; |
| 171 | +@ background-color: #6a7ec7; |
| 172 | +@ color: white; |
| 173 | +@ position: absolute; |
| 174 | +@ top: 10; |
| 175 | +@ right: 0; |
| 176 | +@ } |
| 177 | +@ #main-menu { |
| 178 | +@ padding: 5px 10px 5px 10px; |
| 179 | +@ font-size: 0.9em; |
| 180 | +@ font-weight: bold; |
| 181 | +@ text-align: center; |
| 182 | +@ letter-spacing: 1px; |
| 183 | +@ background-color: #414f84; |
| 184 | +@ color: white; |
| 185 | +@ } |
| 186 | +@ #sub-menu { |
| 187 | +@ padding: 3px 10px 3px 0px; |
| 188 | +@ font-size: 0.9em; |
| 189 | +@ text-align: center; |
| 190 | +@ background-color: #414f84; |
| 191 | +@ color: white; |
| 192 | +@ } |
| 193 | +@ #main-menu a, #main-menu a:visited, #sub-menu a, #sub-menu a:visited { |
| 194 | +@ padding: 3px 10px 3px 10px; |
| 195 | +@ color: white; |
| 196 | +@ } |
| 197 | +@ #main-menu a:hover, #sub-menu a:hover { |
| 198 | +@ color: #414f84; |
| 199 | +@ background-color: white; |
| 200 | +@ } |
| 201 | +@ #page { |
| 202 | +@ padding: 10px 20px 10px 20px; |
| 203 | +@ } |
| 204 | +@ #style-footer { |
| 205 | +@ font-size: 0.8em; |
| 206 | +@ margin-top: 12px; |
| 207 | +@ padding: 5px 10px 5px 10px; |
| 208 | +@ text-align: right; |
| 209 | +@ background-color: #414f84; |
| 210 | +@ color: white; |
| 211 | +@ } |
| 212 | +@ table.label-value th { |
| 213 | +@ text-align: right; |
| 214 | +@ vertical-align: top; |
| 215 | +@ } |
| 216 | +@ div.section-title { |
| 217 | +@ margin-bottom: 0px; |
| 218 | +@ padding: 1px 1px 1px 1px; |
| 219 | +@ font-size: 1.2em; |
| 220 | +@ font-weight: bold; |
| 221 | +@ background-color: #6a7ec7; |
| 222 | +@ color: #0a1e67; |
| 223 | +@ } |
| 224 | +; |
| 145 | 225 | |
| 146 | 226 | /* |
| 147 | 227 | ** WEBPAGE: style.css |
| 148 | 228 | */ |
| 149 | 229 | void page_style_css(void){ |
| | @@ -152,87 +232,11 @@ |
| 152 | 232 | cgi_set_content_type("text/css"); |
| 153 | 233 | zCSS = db_get("css",0); |
| 154 | 234 | if( zCSS ){ |
| 155 | 235 | cgi_append_content(zCSS, -1); |
| 156 | 236 | }else{ |
| 157 | | - /* No CSS file found, use our own */ |
| 158 | | - /* |
| 159 | | - ** Selector order: tags, ids, classes, other |
| 160 | | - ** Content order: margin, borders, padding, fonts, colors, other |
| 161 | | - ** Note: Once things are finialize a bit we can collapse this and |
| 162 | | - ** make it much smaller, if necessary. Right now, it's verbose |
| 163 | | - ** but easy to edit. |
| 164 | | - */ |
| 165 | | - @ body { |
| 166 | | - @ margin: 0px; |
| 167 | | - @ padding: 0px; |
| 168 | | - @ background-color: white; |
| 169 | | - @ } |
| 170 | | - @ #page-title { |
| 171 | | - @ padding: 10px 10px 10px 10px; |
| 172 | | - @ font-size: 1.8em; |
| 173 | | - @ font-weight: bold; |
| 174 | | - @ background-color: #6a7ec7; |
| 175 | | - @ color: #0a1e67; |
| 176 | | - @ } |
| 177 | | - @ #login-status { |
| 178 | | - @ padding: 0px 10px 10px 0px; |
| 179 | | - @ font-size: 0.9em; |
| 180 | | - @ text-align: right; |
| 181 | | - @ background-color: #6a7ec7; |
| 182 | | - @ color: white; |
| 183 | | - @ position: absolute; |
| 184 | | - @ top: 10; |
| 185 | | - @ right: 0; |
| 186 | | - @ } |
| 187 | | - @ #main-menu { |
| 188 | | - @ padding: 5px 10px 5px 10px; |
| 189 | | - @ font-size: 0.9em; |
| 190 | | - @ font-weight: bold; |
| 191 | | - @ text-align: center; |
| 192 | | - @ letter-spacing: 1px; |
| 193 | | - @ background-color: #414f84; |
| 194 | | - @ color: white; |
| 195 | | - @ } |
| 196 | | - @ #sub-menu { |
| 197 | | - @ padding: 3px 10px 3px 0px; |
| 198 | | - @ font-size: 0.9em; |
| 199 | | - @ text-align: center; |
| 200 | | - @ background-color: #414f84; |
| 201 | | - @ color: white; |
| 202 | | - @ } |
| 203 | | - @ #main-menu a, #main-menu a:visited, #sub-menu a, #sub-menu a:visited { |
| 204 | | - @ padding: 3px 10px 3px 10px; |
| 205 | | - @ color: white; |
| 206 | | - @ } |
| 207 | | - @ #main-menu a:hover, #sub-menu a:hover { |
| 208 | | - @ color: #414f84; |
| 209 | | - @ background-color: white; |
| 210 | | - @ } |
| 211 | | - @ #page { |
| 212 | | - @ padding: 10px 20px 10px 20px; |
| 213 | | - @ } |
| 214 | | - @ #style-footer { |
| 215 | | - @ font-size: 0.8em; |
| 216 | | - @ margin-top: 12px; |
| 217 | | - @ padding: 5px 10px 5px 10px; |
| 218 | | - @ text-align: right; |
| 219 | | - @ background-color: #414f84; |
| 220 | | - @ color: white; |
| 221 | | - @ } |
| 222 | | - @ table.label-value th { |
| 223 | | - @ text-align: right; |
| 224 | | - @ vertical-align: top; |
| 225 | | - @ } |
| 226 | | - @ div.section-title { |
| 227 | | - @ margin-bottom: 0px; |
| 228 | | - @ padding: 1px 1px 1px 1px; |
| 229 | | - @ font-size: 1.2em; |
| 230 | | - @ font-weight: bold; |
| 231 | | - @ background-color: #6a7ec7; |
| 232 | | - @ color: #0a1e67; |
| 233 | | - @ } |
| 237 | + cgi_append_content(zDefaultCSS, -1); |
| 234 | 238 | } |
| 235 | 239 | } |
| 236 | 240 | |
| 237 | 241 | /* |
| 238 | 242 | ** WEBPAGE: test_env |
| 239 | 243 | |