tazpanel annotate styles/default/style.css @ rev 120

Move config file to data/, improve panel activity with syntax_highliter and move diff colors to CSS
author Christophe Lincoln <pankso@slitaz.org>
date Fri Apr 15 12:36:09 2011 +0200 (2011-04-15)
parents 30036a49cacd
children 29a4a55db6e3
rev   line source
pankso@1 1 /*
pankso@112 2 * CSS style for TazPanel - (C) 2011 SliTaz GNU/Linux
pankso@112 3 *
pankso@1 4 */
pankso@1 5
pankso@17 6 /* To always have a scroll bar */
pankso@17 7 html {
pankso@17 8 min-height: 102%;
pankso@17 9 }
pankso@17 10
pankso@17 11 body {
pankso@17 12 background: #ffffff;
pankso@17 13 color: black;
pankso@17 14 font: 13px sans-serif, vernada, arial;
pankso@17 15 margin: 25px 0 0;
pankso@17 16 }
pankso@17 17
pankso@41 18 h1 { color: #d66018; padding: 10px 0 0 40px;}
pankso@14 19 h2 { color: #444; margin: 10px 0 10px; }
pankso@17 20 h3 { color: #666; font-size: 140%; }
pankso@42 21 h4 { color: #888; font-size: 120%; margin: 10px 0 5px; }
pankso@41 22 img { border: 0pt none; vertical-align: middle; padding: 0px 6px 2px 0;}
pankso@110 23 p { margin: 10px 0; }
pankso@73 24 ul { list-style-type: square; }
pankso@1 25 li { padding: 4px 0; }
pankso@1 26 a { text-decoration: none; color: #666; }
pankso@1 27 a:hover { color: #000; }
pankso@1 28
pankso@17 29 /* Header and main title */
pankso@17 30
pankso@17 31 #header {
pankso@41 32 height: 52px;
pankso@17 33 border-bottom: 1px dotted #ddd;
pankso@1 34 }
pankso@1 35
pankso@17 36 /* Desktop gui style bar */
pankso@14 37
pankso@31 38 #toolbar {
pankso@14 39 position: fixed;
pankso@14 40 top: 0;
pankso@14 41 left: 0;
pankso@17 42 height: 24px;
pankso@14 43 width: 100%;
pankso@45 44 padding: 0;
pankso@14 45 background-color: #f1efeb;
pankso@17 46 border-bottom: 1px solid #c1baad;
pankso@14 47 z-index: 200;
pankso@17 48 cursor: default;
pankso@14 49 }
pankso@44 50
pankso@17 51 #menu { margin: 4px 8px; }
pankso@44 52 #menu a { padding: 2px 4px; color: #000;
pankso@44 53 cursor: default; }
pankso@17 54 #menu a:hover { color: #444; }
pankso@17 55 #icons { margin: 2px 8px; float: right; }
pankso@17 56 #icons img { padding: 0; }
pankso@14 57
pankso@45 58 #loading {
pankso@45 59 /* font-weight: bold; */
pankso@45 60 background-color: #f8f8f8;
pankso@45 61 border: 1px solid #ddd;
pankso@45 62 color: #666;
pankso@45 63 cursor: progress;
pankso@45 64 position: fixed;
pankso@45 65 top: 92px;
pankso@73 66 right: 120px;
pankso@45 67 width: 248px;
pankso@45 68 padding: 4px 4px 2px;
pankso@45 69 }
pankso@17 70
pankso@41 71 /* Blocks */
pankso@41 72
pankso@41 73 #block { float: left; }
pankso@41 74
pankso@41 75 /* Sidebar menus */
pankso@41 76
pankso@41 77 #sidebar {
pankso@41 78 position: fixed;
pankso@73 79 top: 102px;
pankso@41 80 right: 5px;
pankso@41 81 width: 116px;
pankso@41 82 }
pankso@41 83
pankso@41 84 #sidebar a {
pankso@41 85 display: block;
pankso@73 86 padding: 0px 0 0px 12px;
pankso@73 87 margin: 0;
pankso@41 88 }
pankso@41 89
pankso@41 90 #sidebar a.active {
pankso@41 91 color: #000;
pankso@41 92 font-weight: bold;
pankso@41 93 }
pankso@73 94
pankso@41 95 #sidebar h4 { margin: 0 0 2px 12px; }
pankso@73 96 #sidebar ul { list-style-type: none; padding: 0; }
pankso@41 97
pankso@41 98 /* Content */
pankso@41 99
pankso@41 100 #content { margin: 20px 40px 20px 40px; }
pankso@41 101 #content-sidebar { margin: 20px 120px 20px 40px; }
pankso@41 102 #wrapper { margin: 10px 0 20px; }
pankso@41 103
pankso@120 104 #actions {
pankso@120 105 height: 20px;
pankso@120 106 margin: 16px 0;
pankso@120 107 }
pankso@120 108
pankso@120 109 #actions p { margin: 6px 0; }
pankso@120 110
pankso@41 111 .search {
pankso@41 112 position: absolute;
pankso@41 113 right: 40px;
pankso@41 114 top: 32px;
pankso@41 115 }
pankso@41 116
pankso@41 117 .search input[type=submit] {
pankso@41 118 padding: 4px;
pankso@80 119 margin-left: -4px;
pankso@41 120 background-color: #f1f1f1;
pankso@41 121 border: 1px solid #ddd;
pankso@41 122 cursor: pointer;
pankso@41 123 color: #000;
pankso@41 124 font-weight: bold;
pankso@80 125 border-radius: 0px;
pankso@80 126 }
pankso@80 127
pankso@80 128 .search input[type=submit].radius {
pankso@41 129 border-top-right-radius: 4px;
pankso@41 130 border-bottom-right-radius: 4px;
pankso@41 131 border-top-left-radius: 0px;
pankso@41 132 border-bottom-left-radius: 0px;
pankso@41 133 }
pankso@41 134
pankso@41 135 .search input[type=text] {
pankso@41 136 border: 1px solid #ddd;
pankso@41 137 padding: 4px;
pankso@41 138 height: 17px;
pankso@41 139 margin: 0;
pankso@49 140 width: 200px;
pankso@41 141 border-top-left-radius: 4px;
pankso@41 142 border-bottom-left-radius: 4px;
pankso@41 143 }
pankso@41 144
pankso@41 145 .box {
pankso@41 146 margin: 10px 0;
pankso@41 147 padding: 12px;
pankso@41 148 background: #f8f8f8;
pankso@41 149 border: 1px solid #ddd;
pankso@41 150 }
pankso@41 151
pankso@89 152 .box ul { list-style-type: none; padding: 0; }
pankso@89 153
pankso@41 154 .debug {
pankso@41 155 position: fixed;
pankso@45 156 bottom: 0px;
pankso@70 157 right: 10px;
pankso@70 158 left: 10px;
pankso@70 159 margin: 5px;
pankso@70 160 padding: 4px 10px;
pankso@70 161 background-color: #111;
pankso@70 162 color: #fff;
pankso@70 163 border: 0;
pankso@70 164 font-size: 12px;
pankso@70 165 opacity: 0.9;
pankso@41 166 }
pankso@41 167
pankso@41 168 .float-left { float: left; }
pankso@41 169 .float-right { float: right; }
pankso@41 170
pankso@41 171 /* Table */
pankso@41 172
pankso@41 173 table {
pankso@41 174 background-color: #f8f8f8;
pankso@41 175 border: 1px solid #ddd;
pankso@41 176 padding: 10px;
pankso@41 177 width: 100%;
pankso@41 178 margin: 0 0 6px 0;
pankso@41 179 }
pankso@41 180
pankso@41 181 table a { color: #000; }
pankso@41 182 table a:hover { color: #666; }
pankso@46 183 td.small { min-width: 60px; }
pankso@41 184 td.pkg { max-width: 160px; }
pankso@41 185 td.desc { max-width: 300px; }
pankso@41 186
pankso@42 187 #thead, .thead, thead {
pankso@41 188 height: 10px;
pankso@41 189 font-weight: bold;
pankso@41 190 }
pankso@41 191
pankso@74 192 /* syntax_highlighter */
pankso@74 193
pankso@74 194 span.conf-comment { color: #666; }
pankso@76 195 span.conf-var { color: #392600; }
pankso@75 196 span.conf-val, span.sh-val { color: #f35a00; }
pankso@75 197 span.sh-comment { color: #b20000; }
pankso@120 198 span.activity-log { color: #888; font-size: 95%; }
pankso@120 199 span.diff-rm { color: red; }
pankso@120 200 span.diff-add { color: green; }
pankso@120 201 span.diff-at { color: blue; }
pankso@74 202
pankso@29 203 /* Misc */
pankso@17 204
pankso@41 205 pre, .pre-main {
pankso@17 206 background-color: #f8f8f8;
pankso@17 207 border: 1px solid #ddd;
pankso@17 208 padding: 10px;
pankso@17 209 margin: 10px 0;
pankso@17 210 overflow: auto;
pankso@17 211 }
pankso@17 212
pankso@41 213 .pre-main { margin: 16px 0; }
pankso@41 214
pankso@41 215 input[type=submit], select, .button {
pankso@41 216 padding: 4px;
pankso@41 217 margin: 0;
pankso@17 218 background-color: #f1f1f1;
pankso@17 219 border: 1px solid #ddd;
pankso@17 220 cursor: pointer;
pankso@41 221 color: #000;
pankso@17 222 }
pankso@17 223
pankso@41 224 input[type=submit]:hover, select:hover, .button:hover {
pankso@17 225 background-color: #ddd;
pankso@17 226 border: 1px solid #999;
pankso@17 227 }
pankso@17 228
pankso@49 229 input[type=text], input[type=password] { height: 18px; }
pankso@14 230
pankso@44 231 div.scroll { height: 200px; overflow: auto;
pankso@44 232 border: 1px solid #ddd; }
pankso@42 233 div.scroll table { border: 0px solid #fff; }
pankso@42 234
pankso@1 235 /* Round corner */
pankso@10 236
pankso@45 237 #loading, table, pre, input[type=submit], .debug, .box,
pankso@44 238 .button, div.scroll {
pankso@41 239 /*-moz-border-radius: 4px;
pankso@41 240 -webkit-border-radius: 4px; */
pankso@1 241 border-radius: 4px;
pankso@1 242 }
pankso@41 243
pankso@112 244 /* Help page */
pankso@112 245
pankso@112 246 #help { text-align: justify; }
pankso@112 247 #help a { color: #215090; text-decoration: underline; }
pankso@112 248 #help a:hover { text-decoration: none; color: blue; }
pankso@112 249
pankso@41 250 /* Footer */
pankso@41 251
pankso@41 252 #footer {
pankso@41 253 /* border-bottom: 1px solid #c1baad; */
pankso@41 254 height: 25px;
pankso@41 255 text-align: center;
pankso@41 256 padding: 40px 10px;
pankso@41 257 font-size: 11px;
pankso@116 258 color: #bbb;
pankso@112 259 }
pankso@112 260
pankso@116 261 #footer a { color: #bbb; }
pankso@116 262 #footer a:hover { color: #555; }