cookutils annotate web/style.css @ rev 891

web/*: update look&feel
author Aleksej Bobylev <al.bobylev@gmail.com>
date Fri Mar 17 01:20:30 2017 +0200 (2017-03-17)
parents 166a91b87ac8
children 2ff4c8d701d3
rev   line source
pankso@5 1 /* CSS style for SliTaz Cooker */
pankso@5 2
al@891 3 body {
al@891 4 font-family: sans-serif;
al@891 5 font-size: 13px;
al@891 6 margin: 0;
al@891 7 min-height: 100%;
al@891 8 /* position: absolute;*/
al@891 9 left: 0;
al@891 10 right: 0;
al@891 11 }
al@891 12 #content2 h2 {
al@891 13 color: #444;
al@891 14 border-bottom: 2px solid #CCC;
al@891 15 height: 100%;
al@891 16 }
al@728 17 h3 { color: #666; font-size: 140%; }
al@891 18 a { text-decoration: none; color: #215090; }
al@891 19 a:hover { text-decoration: underline; }
al@891 20 .files a { text-decoration: none; color: inherit; }
al@891 21 .files a:hover { text-decoration: underline; }
al@891 22 hr { margin: 0; border: 1px solid #CFCFCF; }
pankso@5 23 pre {
al@891 24 background-color: #F8F8F8;
al@891 25 border: 1px solid #DDD;
al@891 26 padding: 8px;
pankso@15 27 overflow: auto;
pankso@5 28 }
pankso@5 29
pankso@116 30 /* Header */
pankso@116 31
pankso@5 32 #header {
al@891 33 color: #FFF;
pankso@630 34 background: #222;
pankso@5 35 height: 40px;
al@891 36 border-bottom: 3px solid #AAA;
pankso@5 37 }
pankso@5 38
pankso@116 39 #header h1 {
pankso@116 40 margin: 0;
al@891 41 padding: 8px 0 0 42px;
al@891 42 color: #FFF;
al@891 43 font-size: 20px;
pankso@116 44 width: 250px;
pankso@116 45 }
al@891 46 #logo {
al@891 47 background: url(/images/logo.png) no-repeat left;
al@891 48 position: absolute;
al@891 49 float: left;
al@891 50 left: 0px;
al@891 51 top: 0px;
al@891 52 width: 40px;
al@891 53 height: 40px;
al@891 54 }
pankso@116 55
pankso@383 56 #header h1 a {
al@891 57 color: #FFF;
pankso@116 58 text-decoration: none;
pankso@116 59 font-size: 20px;
pankso@116 60 font-style: italic;
pankso@116 61 }
pankso@116 62
pankso@383 63 #header h1 a:hover, #network a:hover {
al@891 64 color: #AFAFAF;
pankso@116 65 }
pankso@116 66
pankso@257 67 /* Header links */
pankso@257 68
pankso@383 69 #network {
pankso@383 70 float: right;
pankso@630 71 padding: 14px 5px 0;
pankso@257 72 font-size: 12px;
pankso@257 73 }
pankso@257 74
pankso@257 75 #network a {
pankso@631 76 padding: 0 4px;
al@891 77 color: #FFF;
pankso@257 78 font-weight: bold;
pankso@257 79 text-decoration: none;
pankso@257 80 }
pankso@257 81
pankso@116 82 /* Content */
pankso@116 83
pankso@5 84 #content {
al@891 85 margin: auto;
al@891 86 padding: 0.5em;
al@891 87 }
al@891 88 #content2 {
al@891 89 width: 100%;
al@891 90 max-width: 700px;
al@891 91 margin: auto;
al@891 92 padding: 0.5em;
pankso@5 93 }
pankso@5 94
al@891 95
al@891 96 .span-ok { color: #0A0; }
al@728 97 .span-red { color: red; }
al@728 98 .span-sky { color: blue; }
al@891 99 .span-no { color: #D90; }
al@728 100 .span-line { color: #888; }
al@728 101 .log-date { color: #666; font-size: 95%; }
al@891 102 .sh-comment { color: #A00; }
al@891 103 .sh-val { color: #E50; font-weight: bold; }
al@891 104 .var { color: #05A; }
pankso@65 105
pankso@65 106 /* Buttons */
pankso@65 107
pankso@65 108 .button {
al@891 109 display: inline-block;
pankso@383 110 padding: 4px;
al@891 111 margin: 2px 0;
pankso@65 112 }
pankso@65 113
pankso@383 114 a.button, .pctbar {
pankso@65 115 text-decoration: none;
pankso@65 116 color: #666;
pankso@65 117 }
pankso@65 118
al@891 119 .pct {
al@891 120 background: #9DFF4A;
al@891 121 background-image: -webkit-linear-gradient(#CDFFA3, #9DFF4A 40%, #87DB40);
al@891 122 background-image: -moz-linear-gradient(#CDFFA3, #9DFF4A 40%, #87DB40);
al@891 123 padding: 2px 4px;
al@891 124 }
al@891 125 .pctbar { overflow: hidden; }
al@891 126
al@891 127 .button {
al@891 128 text-decoration: none;
al@891 129 color: #444;
al@891 130 border: 1px solid #666;
al@891 131 font-size: 14px;
al@891 132 line-height: 1.2em;
al@891 133 }
pankso@65 134 .button:hover {
al@891 135 color: #000;
al@891 136 border-color: #000;
al@891 137 }
al@891 138 .button.active {
al@891 139 /*outline: 1px solid #999;
al@891 140 outline-offset: 1px;*/
al@891 141 color: #000;
al@891 142 border-color: #000;
pankso@65 143 }
pankso@65 144
al@891 145 .pctbar {
al@891 146 border: 1px solid #AAA;
pankso@383 147 font-size: 14px;
pankso@383 148 line-height: 1.2em;
al@891 149 background-image: -webkit-linear-gradient(#E5E5E5, #F4F4F4 40%, #FAFAFA);
al@891 150 background-image: -moz-linear-gradient(#E5E5E5, #F4F4F4 40%, #FAFAFA);
pankso@345 151 }
pankso@65 152 /* Round corner */
pankso@65 153
pankso@75 154 pre, .button, .pctbar {
al@891 155 border-radius: 2px;
pankso@65 156 }
pankso@116 157
pankso@116 158 /* Footer */
pankso@116 159
pankso@116 160 #footer {
pankso@116 161 text-align: center;
al@891 162 padding: 20px 0;
al@891 163 border-top: 1px solid #DDD;
pankso@116 164 font-size: 90%;
al@891 165 /* position: absolute;*/
al@891 166 bottom: 0;
al@891 167 left: 0;
al@891 168 right: 0;
pankso@116 169 }
pankso@116 170
pankso@116 171 #footer a { padding: 0 2px; }
al@891 172
al@891 173 .log a { text-decoration: none; color: #666; }
al@891 174 .log a:hover { color: #000; }
al@891 175
al@891 176 .activity { padding-left: 0.5em; }
al@891 177 .activity li { list-style-type: none; }
al@891 178 .activity li::before { color: #666; content: "•"; padding-right: 0.5em; }
al@891 179
al@891 180 .r { float: right; }
al@891 181
al@891 182 .zebra tr:nth-child(odd) { background-color: #FFFFFF; }
al@891 183 .zebra tr:nth-child(even) { background-color: #ECECEC; }
al@891 184
al@891 185 .gray { background-color: lightgray; }
al@891 186 .gold { background-color: gold; }
al@891 187 .green { background-color: greenyellow; }
al@891 188 .sky { background-color: skyblue; }
al@891 189 .plum { background-color: plum; }
al@891 190 .yellow { background-color: yellow; }
al@891 191 .khaki { background-color: khaki; }
al@891 192 .brown { background-color: sandybrown; }
al@891 193
al@891 194 a:target {background-color: yellow; }
al@891 195
al@891 196 pre.info { color: #FFF; background-color: #272822; }