slitaz-forge annotate pangolin/web/HEADER.html @ rev 662

tank: include sup-demo package on up-scn
author Christophe Lincoln <pankso@slitaz.org>
date Fri Feb 24 08:53:29 2017 +0100 (2017-02-24)
parents
children 17ab49508a9f
rev   line source
pankso@434 1 <!DOCTYPE html>
pankso@434 2 <html lang="en">
pankso@434 3 <head>
pankso@434 4 <meta charset="utf-8" />
pankso@434 5 <title>SliTaz Pizza</title>
pankso@434 6 <style type="text/css">
pankso@434 7 <!--
pankso@434 8
pankso@434 9 /* CSS style for SliTaz Pizza */
pankso@434 10
pankso@434 11 html { height: 102%; }
pankso@434 12 body { font: 13px sans-serif, vernada, arial; margin: 0; }
pankso@434 13 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
pankso@434 14 h1 a { color: #fff; text-decoration: none; }
pankso@434 15 h2 { color: #444; } h3 { color: #666; font-size: 130%; }
pankso@434 16 a { text-decoration: underline; color: #215090; }
pankso@434 17 a:hover { text-decoration: none; }
pankso@434 18 img { vertical-align: middle; }
pankso@434 19 h2 img { padding: 0px 6px 6px 0px; }
pankso@434 20 pre img { margin: 2px 0px; }
pankso@434 21
pankso@434 22 pre {
pankso@434 23 background-color: #f8f8f8;
pankso@434 24 border: 1px solid #ddd;
pankso@434 25 padding: 10px;
pankso@434 26 overflow: auto;
pankso@434 27 font-size: 98%;
pankso@434 28 }
pankso@434 29 table {
pankso@434 30 background-color: #f8f8f8;
pankso@434 31 border: 1px solid #ddd;
pankso@434 32 width: 100%;
pankso@434 33 margin: 0px 0px 20px 0px;
pankso@434 34 padding: 10px;
pankso@434 35 }
pankso@434 36 /* HTML 5 dont allow size="40" but it's buggy on FF
pankso@434 37 * input[type="file"] { width: 240px; margin: 0 5px; } */
pankso@434 38
pankso@434 39 /* Header */
pankso@434 40
pankso@434 41 #header {
pankso@434 42 background: #351a0a;
pankso@434 43 height: 40px;
pankso@434 44 border-bottom: 8px solid #ffad02;
pankso@434 45 /*border-bottom: 8px solid #d66018;*/
pankso@434 46 }
pankso@434 47
pankso@434 48 #header h1 {
pankso@434 49 margin: 0;
pankso@434 50 padding: 8px 0 0 42px;
pankso@434 51 width: 250px;
pankso@434 52 }
pankso@434 53
pankso@434 54 #header h1 a {
pankso@434 55 color: white;
pankso@434 56 text-decoration: none;
pankso@434 57 font-size: 20px;
pankso@434 58 font-style: italic;
pankso@434 59 }
pankso@434 60
pankso@434 61 #header h1 a:hover {
pankso@434 62 color: #d66018;
pankso@434 63 }
pankso@434 64
pankso@434 65 /* Logo */
pankso@434 66
pankso@434 67 #logo {
pankso@434 68 background: url(/images/logo.png) no-repeat left;
pankso@434 69 position: absolute;
pankso@434 70 float: left;
pankso@434 71 left: 0px;
pankso@434 72 top: 0px;
pankso@434 73 width: 40px;
pankso@434 74 height: 40px;
pankso@434 75 }
pankso@434 76
pankso@434 77 /* Header links */
pankso@434 78
pankso@434 79 #network {
pankso@434 80 float: right;
pankso@434 81 padding: 12px 5px 0;
pankso@434 82 font-size: 12px;
pankso@434 83 }
pankso@434 84
pankso@434 85 #network a {
pankso@434 86 padding: 0 4px;
pankso@434 87 color: #fff;
pankso@434 88 font-weight: bold;
pankso@434 89 text-decoration: none;
pankso@434 90 }
pankso@434 91 #network a:hover { color: #cfcfcf; }
pankso@434 92
pankso@434 93 /* Notification box */
pankso@434 94
pankso@434 95 #notify {
pankso@434 96 /*font-weight: bold;*/
pankso@434 97 background-color: #351a0a;
pankso@434 98 border: 1px solid #ffad02;
pankso@434 99 color: #fff;
pankso@434 100 cursor: help;
pankso@434 101 position: absolute;
pankso@434 102 top: 58px;
pankso@434 103 right: 10px;
pankso@434 104 width: auto;
pankso@434 105 padding: 6px 12px;
pankso@434 106 }
pankso@434 107 #notify img { margin-right: 10px; }
pankso@434 108
pankso@434 109 /* Content */
pankso@434 110
pankso@434 111 #content {
pankso@434 112 margin: 40px auto;
pankso@434 113 text-align: justify;
pankso@434 114 width: 740px;
pankso@434 115 }
pankso@434 116
pankso@434 117 .note {
pankso@434 118 margin: 20px;
pankso@434 119 padding: 20px;
pankso@434 120 background-color: #eaeaea;
pankso@434 121 border: 2px solid #ccc;
pankso@434 122 }
pankso@434 123
pankso@434 124 .box { margin: 20px 0; }
pankso@434 125 .next { float: right; }
pankso@434 126
pankso@434 127 .span-ok { color: green; }
pankso@434 128 .span-red { color: red; }
pankso@434 129 .log-date { color: #666; font-size: 95%; }
pankso@434 130
pankso@434 131 #packages {
pankso@434 132 width: 100%;
pankso@434 133 height: 260px;
pankso@434 134 overflow: auto;
pankso@434 135 border: 1px solid #ddd;
pankso@434 136 background-color: #f8f8f8;
pankso@434 137 }
pankso@434 138
pankso@434 139 #packages table {
pankso@434 140 border: 0px solid #fff;
pankso@434 141 }
pankso@434 142
pankso@434 143 #pkgs-search {
pankso@434 144 width: 100%;
pankso@434 145 max-height: 180px;
pankso@434 146 overflow: auto;
pankso@434 147 }
pankso@434 148
pankso@434 149 /* Form */
pankso@434 150
pankso@434 151 form { display: inline; }
pankso@434 152 input[type="submit"], input[type="text"], textarea, select {
pankso@434 153 color: #444444;
pankso@434 154 border: 1px solid #cccccc;
pankso@434 155 padding: 4px;
pankso@434 156 margin: 4px 0px;
pankso@434 157 font-size: 14px;
pankso@434 158 line-height: 1.2em;
pankso@434 159 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@434 160 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@434 161 -webkit-appearance: none;
pankso@434 162 -webkit-padding-end: 12px;
pankso@434 163 -webkit-padding-start: 6px;
pankso@434 164 }
pankso@434 165
pankso@434 166 input[type="text"] { background: #fefefe; border: 2px solid #ccc;
pankso@434 167 width: 460px; }
pankso@434 168 /*input[type="file"] { border: 2px solid #ddd; }*/
pankso@434 169 /*input[type="checkbox"] { background: #fefefe; }*/
pankso@434 170
pankso@434 171 /* Be compatible with old FF and Webkit version. */
pankso@434 172 input[type="submit"] {
pankso@434 173 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@434 174 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@434 175 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@434 176 }
pankso@434 177
pankso@434 178 input[type="submit"]:hover {
pankso@434 179 cursor: pointer;
pankso@434 180 color: black;
pankso@434 181 }
pankso@434 182
pankso@434 183 select {
pankso@434 184 background-image: url(images/down.png),
pankso@434 185 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@434 186 background-position: center right;
pankso@434 187 background-repeat: no-repeat;
pankso@434 188 }
pankso@434 189
pankso@434 190 input[type="file"] {
pankso@434 191 width: 576px;
pankso@434 192 z-index: -1;
pankso@434 193 vertical-align: middle;
pankso@434 194 cursor: pointer;
pankso@434 195 margin: 0;
pankso@434 196 }
pankso@434 197
pankso@434 198 .inputhide { overflow: hidden; width: 420px; }
pankso@434 199
pankso@434 200 .inputfile {
pankso@434 201 width: 462px;
pankso@434 202 background: #f8f8f8 url(images/open.png) no-repeat center right;
pankso@434 203 z-index: 2;
pankso@434 204 border: 1px solid #ccc;
pankso@434 205 padding: 3px 0px 0px 2px;
pankso@434 206 height: 25px;
pankso@434 207 float: left;
pankso@434 208 margin-top: 4px;
pankso@434 209 }
pankso@434 210
pankso@434 211 input[type="file"]::-webkit-file-upload-button {
pankso@434 212 float: right;
pankso@434 213 }
pankso@434 214
pankso@434 215 /* Round corner */
pankso@434 216
pankso@434 217 img, pre, table, input, textarea, select, .note, .box, #notify,
pankso@434 218 #packages, #pkgs-search, .inputfile {
pankso@434 219 -moz-border-radius: 4px;
pankso@434 220 -webkit-border-radius: 4px;
pankso@434 221 border-radius: 4px;
pankso@434 222 }
pankso@434 223
pankso@434 224 /* Footer */
pankso@434 225
pankso@434 226 #footer {
pankso@434 227 text-align: center;
pankso@434 228 margin-top: 80px;
pankso@434 229 padding: 20px;
pankso@434 230 /*border-top: 1px solid #ddd;*/
pankso@434 231 font-size: 90%;
pankso@434 232 }
pankso@434 233
pankso@434 234 #footer a { padding: 0 2px; }
pankso@434 235 -->
pankso@434 236 </style>
pankso@434 237 </head>
pankso@434 238 <body>
pankso@434 239
pankso@434 240 <div id="header">
pankso@434 241 <div id="logo"></div>
pankso@434 242 <div id="network">
pankso@434 243 <a href="http://www.slitaz.org/">Home</a>
pankso@434 244 <a href="http://scn.slitaz.org/">Community</a>
pankso@434 245 <a href="http://forum.slitaz.org/">Forum</a>
pankso@434 246 <a href="http://pizza.slitaz.me">Pizza</a>
pankso@434 247 </div>
pankso@434 248 <h1><a href="/">SliTaz Pangolin</a></h1>
pankso@434 249 </div>
pankso@434 250
pankso@434 251 <div id="content">
pankso@434 252