cookutils diff web/style.css @ rev 895
german translation of cook.pot added
author | Hans-G?nter Theisgen |
---|---|
date | Wed Apr 19 15:16:58 2017 +0100 (2017-04-19) |
parents | 080dd0a18d2e |
children | fe29568da760 |
line diff
1.1 --- a/web/style.css Fri Mar 17 01:20:30 2017 +0200 1.2 +++ b/web/style.css Wed Apr 19 15:16:58 2017 +0100 1.3 @@ -19,64 +19,60 @@ 1.4 a:hover { text-decoration: underline; } 1.5 .files a { text-decoration: none; color: inherit; } 1.6 .files a:hover { text-decoration: underline; } 1.7 -hr { margin: 0; border: 1px solid #CFCFCF; } 1.8 +hr { margin: 0; border: 1px solid #cfcfcf; } 1.9 pre { 1.10 - background-color: #F8F8F8; 1.11 - border: 1px solid #DDD; 1.12 + background-color: #f8f8f8; 1.13 + border: 1px solid #ddd; 1.14 padding: 8px; 1.15 overflow: auto; 1.16 } 1.17 1.18 /* Header */ 1.19 - 1.20 -#header { 1.21 - color: #FFF; 1.22 - background: #222; 1.23 - height: 40px; 1.24 - border-bottom: 3px solid #AAA; 1.25 +body>header { 1.26 + display:block; 1.27 + background:#444; 1.28 + text-align:justify; 1.29 + line-height:0; 1.30 + box-shadow:0 -8px 8px #333 inset 1.31 } 1.32 - 1.33 -#header h1 { 1.34 - margin: 0; 1.35 - padding: 8px 0 0 42px; 1.36 - color: #FFF; 1.37 - font-size: 20px; 1.38 - width: 250px; 1.39 +h1 { 1.40 + display:inline-block; 1.41 + margin:auto 0; 1.42 + height:40px; 1.43 + white-space:nowrap; 1.44 + vertical-align:middle 1.45 } 1.46 -#logo { 1.47 - background: url(/images/logo.png) no-repeat left; 1.48 - position: absolute; 1.49 - float: left; 1.50 - left: 0px; 1.51 - top: 0px; 1.52 - width: 40px; 1.53 - height: 40px; 1.54 +h1::before { 1.55 + display:inline-block; 1.56 + content:url(images/logo.png); 1.57 + vertical-align:middle 1.58 } 1.59 - 1.60 -#header h1 a { 1.61 - color: #FFF; 1.62 - text-decoration: none; 1.63 - font-size: 20px; 1.64 - font-style: italic; 1.65 +h1 a { 1.66 + color:#FFF; 1.67 + font-size:20px; 1.68 + font-style:italic 1.69 } 1.70 - 1.71 -#header h1 a:hover, #network a:hover { 1.72 - color: #AFAFAF; 1.73 +body>header::before,body>header::after,.block>div::before,.block>div::after { 1.74 + display:inline-block; 1.75 + width:100%; 1.76 + height:0; 1.77 + visibility:hidden; 1.78 + overflow:hidden; 1.79 + content:'' 1.80 } 1.81 - 1.82 -/* Header links */ 1.83 - 1.84 -#network { 1.85 - float: right; 1.86 - padding: 14px 5px 0; 1.87 - font-size: 12px; 1.88 +.network { 1.89 + display:inline-block; 1.90 + text-align:left; 1.91 + vertical-align:middle; 1.92 + font-size:12px; 1.93 + line-height:normal; 1.94 + color:#999 1.95 } 1.96 - 1.97 -#network a { 1.98 - padding: 0 4px; 1.99 - color: #FFF; 1.100 - font-weight: bold; 1.101 - text-decoration: none; 1.102 +.network a { 1.103 + display:inline-block; 1.104 + padding:0 6px; 1.105 + vertical-align:middle; 1.106 + color:#FFF 1.107 } 1.108 1.109 /* Content */ 1.110 @@ -86,22 +82,22 @@ 1.111 padding: 0.5em; 1.112 } 1.113 #content2 { 1.114 - width: 100%; 1.115 + width: 100%; box-sizing: border-box; 1.116 max-width: 700px; 1.117 margin: auto; 1.118 padding: 0.5em; 1.119 } 1.120 1.121 1.122 -.span-ok { color: #0A0; } 1.123 +.span-ok { color: #0a0; } 1.124 .span-red { color: red; } 1.125 .span-sky { color: blue; } 1.126 -.span-no { color: #D90; } 1.127 +.span-no { color: #d90; } 1.128 .span-line { color: #888; } 1.129 .log-date { color: #666; font-size: 95%; } 1.130 -.sh-comment { color: #A00; } 1.131 -.sh-val { color: #E50; font-weight: bold; } 1.132 -.var { color: #05A; } 1.133 +.sh-comment { color: #a00; } 1.134 +.sh-val { color: #e50; font-weight: bold; } 1.135 +.var { color: #05a; } 1.136 1.137 /* Buttons */ 1.138 1.139 @@ -117,7 +113,7 @@ 1.140 } 1.141 1.142 .pct { 1.143 - background: #9DFF4A; 1.144 + background: #9dff4a; 1.145 background-image: -webkit-linear-gradient(#CDFFA3, #9DFF4A 40%, #87DB40); 1.146 background-image: -moz-linear-gradient(#CDFFA3, #9DFF4A 40%, #87DB40); 1.147 padding: 2px 4px; 1.148 @@ -160,7 +156,7 @@ 1.149 #footer { 1.150 text-align: center; 1.151 padding: 20px 0; 1.152 - border-top: 1px solid #DDD; 1.153 + border-top: 1px solid #ddd; 1.154 font-size: 90%; 1.155 /* position: absolute;*/ 1.156 bottom: 0; 1.157 @@ -170,12 +166,30 @@ 1.158 1.159 #footer a { padding: 0 2px; } 1.160 1.161 +body>footer { 1.162 + background:#f1f1f1; 1.163 + text-align:center; 1.164 + border-top:1px solid #CCC; 1.165 + padding:6px; 1.166 + color:#666; 1.167 + clear:both; 1.168 + box-shadow:0 4px 8px #CCC inset 1.169 +} 1.170 + 1.171 +footer a+a::before { display: inline-block; content: '• '; color: #E81; } 1.172 + 1.173 +body>footer div { 1.174 + margin:12px 1.175 +} 1.176 + 1.177 + 1.178 + 1.179 .log a { text-decoration: none; color: #666; } 1.180 .log a:hover { color: #000; } 1.181 1.182 .activity { padding-left: 0.5em; } 1.183 .activity li { list-style-type: none; } 1.184 -.activity li::before { color: #666; content: "•"; padding-right: 0.5em; } 1.185 +.activity li:before { color: #666; content: "•"; padding-right: 0.5em; } 1.186 1.187 .r { float: right; } 1.188 1.189 @@ -193,4 +207,59 @@ 1.190 1.191 a:target {background-color: yellow; } 1.192 1.193 -pre.info { color: #FFF; background-color: #272822; } 1.194 + 1.195 +/* 1.196 +table { 1.197 + border-spacing: 0; 1.198 + padding: 0 2px; 1.199 + border-width: 1px; 1.200 + border-color: #666; 1.201 + border-radius: 4px; 1.202 + border-style: solid; 1.203 +} 1.204 +th { 1.205 + background-color: #CCC; 1.206 +} 1.207 +td { 1.208 + border-bottom: 1px solid #79B; 1.209 + padding: 2px; 1.210 +} 1.211 +tr:last-child td { 1.212 + border-bottom: unset; 1.213 +} 1.214 +*/ 1.215 + 1.216 +table { 1.217 + /*width: 100%;*/ 1.218 + border: 1px solid #CCC; 1.219 + border-radius: 4px; 1.220 + border-spacing: 0; 1.221 + padding: 0; 1.222 +} 1.223 +tr { 1.224 + margin: 0; 1.225 + padding: 2px; 1.226 +} 1.227 +td { 1.228 + margin: 0; 1.229 + padding: 3px; 1.230 + vertical-align: top; 1.231 + line-height: 1.1; 1.232 +} 1.233 +thead tr { 1.234 + background-color:#DDD 1.235 +} 1.236 +thead th { 1.237 + border-bottom:1px solid #BBB 1.238 +} 1.239 + 1.240 +tbody tr:nth-child(odd) { background-color: #FFFFFF; } 1.241 +tbody tr:nth-child(even) { background-color: #ECECEC; } 1.242 + 1.243 +#content, #content2 { 1.244 + min-height: 80vh; 1.245 +} 1.246 + 1.247 +.texinfo pre { display: none; } 1.248 +/*.texinfo pre.first:not(:target) { display: block; }*/ 1.249 +.texinfo pre:target { display: block; }