cookutils annotate web/style.css @ rev 1137
modules/pack: introduce *-lang packages: to make it just append SPLIT="..." by "$PACKAGE-lang"
The list of supported locales you can find still in the $WOK/slitaz-i18n/stuff/locale-pack.conf
The list of supported locales you can find still in the $WOK/slitaz-i18n/stuff/locale-pack.conf
author | Aleksej Bobylev <al.bobylev@gmail.com> |
---|---|
date | Sat Feb 02 13:36:54 2019 +0200 (2019-02-02) |
parents | 2ff4c8d701d3 |
children |
rev | line source |
---|---|
pankso@5 | 1 /* CSS style for SliTaz Cooker */ |
pankso@5 | 2 |
al@897 | 3 html { min-height: 102%; } |
al@897 | 4 body { font: 13px sans-serif, vernada, arial; margin: 0; } |
al@897 | 5 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; } |
al@897 | 6 h1 a { color: #fff; text-decoration: none; } |
al@897 | 7 h2 { color: #444; } |
al@728 | 8 h3 { color: #666; font-size: 140%; } |
al@897 | 9 a { text-decoration: underline; color: #215090; } |
al@897 | 10 a:hover { text-decoration: none; } |
al@894 | 11 hr { margin: 0; border: 1px solid #cfcfcf; } |
pankso@5 | 12 pre { |
al@894 | 13 background-color: #f8f8f8; |
al@894 | 14 border: 1px solid #ddd; |
al@897 | 15 padding: 10px; |
pankso@15 | 16 overflow: auto; |
al@897 | 17 font-size: 96%; |
pankso@5 | 18 } |
pankso@5 | 19 |
pankso@116 | 20 /* Header */ |
al@897 | 21 |
al@897 | 22 #header { |
al@897 | 23 color: #fff; |
al@897 | 24 background: #222; |
al@897 | 25 height: 40px; |
al@897 | 26 border-bottom: 4px solid #afafaf; |
pankso@5 | 27 } |
al@897 | 28 |
al@897 | 29 #header h1 { |
al@897 | 30 margin: 0; |
al@897 | 31 /* padding: 8px 0 0 42px; */ |
al@897 | 32 width: 250px; |
pankso@116 | 33 } |
al@897 | 34 |
al@897 | 35 #header h1 a { |
al@897 | 36 color: #fff; |
al@897 | 37 text-decoration: none; |
al@897 | 38 font-size: 20px; |
al@897 | 39 font-style: italic; |
al@891 | 40 } |
al@897 | 41 |
al@897 | 42 #header h1 a:hover, #network a:hover { |
al@897 | 43 color: #afafaf; |
pankso@116 | 44 } |
al@897 | 45 |
al@897 | 46 /* Header links */ |
al@897 | 47 |
al@897 | 48 #network { |
al@897 | 49 float: right; |
al@897 | 50 padding: 14px 5px 0; |
al@897 | 51 font-size: 12px; |
pankso@116 | 52 } |
al@897 | 53 |
al@897 | 54 #network a { |
al@897 | 55 padding: 0 4px; |
al@897 | 56 color: #fff; |
al@897 | 57 font-weight: bold; |
al@897 | 58 text-decoration: none; |
pankso@257 | 59 } |
pankso@257 | 60 |
pankso@116 | 61 /* Content */ |
pankso@116 | 62 |
pankso@5 | 63 #content { |
al@897 | 64 margin: 40px 80px; |
al@897 | 65 text-align: justify; |
al@891 | 66 } |
al@891 | 67 |
al@894 | 68 .span-ok { color: #0a0; } |
al@728 | 69 .span-red { color: red; } |
al@728 | 70 .span-sky { color: blue; } |
al@894 | 71 .span-no { color: #d90; } |
al@728 | 72 .span-line { color: #888; } |
al@728 | 73 .log-date { color: #666; font-size: 95%; } |
al@894 | 74 .sh-comment { color: #a00; } |
al@894 | 75 .sh-val { color: #e50; font-weight: bold; } |
al@894 | 76 .var { color: #05a; } |
pankso@65 | 77 |
pankso@65 | 78 /* Buttons */ |
pankso@65 | 79 |
pankso@65 | 80 .button { |
al@897 | 81 cursor: pointer; |
pankso@383 | 82 padding: 4px; |
al@897 | 83 margin: 4px 0px; |
pankso@65 | 84 } |
pankso@65 | 85 |
pankso@383 | 86 a.button, .pctbar { |
pankso@65 | 87 text-decoration: none; |
pankso@65 | 88 color: #666; |
pankso@65 | 89 } |
pankso@65 | 90 |
al@897 | 91 .button:hover { |
al@897 | 92 border: 1px solid #999; |
al@891 | 93 } |
al@897 | 94 |
al@897 | 95 .pct { background: #9dff4a; padding: 2px 4px; } |
al@891 | 96 .pctbar { overflow: hidden; } |
al@891 | 97 |
al@897 | 98 .button, .pctbar { |
al@897 | 99 border: 1px solid #cccccc; |
al@891 | 100 font-size: 14px; |
al@891 | 101 line-height: 1.2em; |
al@897 | 102 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); |
al@897 | 103 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); |
al@897 | 104 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); |
al@897 | 105 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); |
al@897 | 106 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); |
pankso@65 | 107 } |
pankso@65 | 108 |
pankso@65 | 109 /* Round corner */ |
pankso@65 | 110 |
pankso@75 | 111 pre, .button, .pctbar { |
al@897 | 112 -moz-border-radius: 4px; |
al@897 | 113 -webkit-border-radius: 4px; |
al@897 | 114 border-radius: 4px; |
pankso@65 | 115 } |
pankso@116 | 116 |
pankso@116 | 117 /* Footer */ |
pankso@116 | 118 |
pankso@116 | 119 #footer { |
pankso@116 | 120 text-align: center; |
al@897 | 121 padding: 20px; |
al@894 | 122 border-top: 1px solid #ddd; |
pankso@116 | 123 font-size: 90%; |
pankso@116 | 124 } |
pankso@116 | 125 |
pankso@116 | 126 #footer a { padding: 0 2px; } |